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