How do you refactor a React functional component with many useState and useEffect interactions?

I need some advice. It’s getting complicated to make changes with all the state and effect interactions.