in v6 with global state

[ravenkim]

I want to put location data into redux state. But i cannot use like this

because useLocation must be inside of RouterProvider

so i suggest to put children in to use like this

[sergiodxa]

Why do you need it in Redux? You could call useLocation in any component you nee dit, it's already a global state.

Aside of that, adding it inside your router and using an effect to send them to Redux makes sense, you need to keep updating the location on your Redux store whenever the actual location from useLocation changes, it's the same as if you stored it in a useState, you would have to do:

let location = useLocation()
let [state, setState] = useState(() => location)
useEffect(() => {
  setState(location)
}, [location])

Which leads me to my first question, you could just use the useLocation directly instead of saving it in another place.

[ravenkim]

thanks for answer,
I know it is already a global state. But for commonality I want to handle every global state in redux devtools

Now I am using globalState like this

beacuse it is easy to find out what is global, and i can see what changed in redux devtools

but if I use useLocation() then i need to put this code in every my component page.
That's why I want to connect react-route with redux.

Then if i do not save, I'm looking for a better way to connect 'Redux' and 'Router'

Thanks for answer