Animation working problem with Hooks

[ahtisham09]

Hello Everyone i hope you are doing well i am facing problem from couple of days when i open app the animation move more then 3 times i search a lot of things but nothing works around

const [expand, setExpand] = React.useState(false);

React.useEffect(() => {
setTimeout(() => {
setExpand(!expand);
}, 5000);
}, [profile]);

{expand && ( <Animatable.View animation="fadeInUp" useNativeDriver={true} direction="alternate" easing="linear" > <FlatList data={recommendedCourses} renderItem={({item}) => <Courses item={item} {...props} />} /> </Animatable.View>)}

[mifi]

im guessing profile changes causing it to re-mount

[ahtisham09]

@mifi this hooks work only when profile change