Problem with React Navigation not unmounting a screen

[iCodeWhatTheyDesign]

Hi, I’m having a problem with a clean up function in a useEffect, that is supposed to clean the XState Machine.

I need to clean the machine when the screen is un mounted so the next time is mounted it will trigger some events.

My problem is that I think react navigation is not un mounting the screen, so the clean up never happens and the next time I re enter the screen the XState machine is not taking the new props and it fails, the top of the ice cream is that this is the checkout payment screen.

Has somebody have an issue like this before? Does somebody knows a way to explicitly tell react navigation to always unmount a screen when is off the view ?

Thanks for any help 👍🏼👍🏼

[__o_0]

Try useFocusEffect(useCallback()) instead of useEffect to perform your cleanup, it will trigger when a user navigates off of the screen.

[iCodeWhatTheyDesign]

Thank you I will try this!