As I understand the problem you are having, you are misunderstanding how useState works.

Simply put, when you setState it will be asynchronous, and when you log right below setState it will not have the new value immediately, you will only get the new value when the component re-renders after setState.

There are 2 ways for you to log the new value immediately:

• setState with a callback: log in the callback
• useEffect: Log in useEffect without the dependency array