React useEffect doesn't update state after Mobx store value has changed in another component in refresh page

Question

I want to set the Navbar component active item from the other components by using Mobx store. If the store change with an event in the components, useEffect will update the