Discuss how setup and cleanup function is called in useEffect hook?

First, your cleanup code runs with the old props and state.

Then, your setup code runs with the new props and state.

Your cleanup code runs one final time after your component is removed from the page