What's the right way to navigate from a handler (not from a component)

[uriva]

iiuc, you can't use useLocation().route in a then inside a useEffect

so what is the recommended way to do routing in this scenario?

would location.href = ... work?

it might be nice to have a route function which just figures out what to use by itself, if this is possible

[rschristian]

iiuc, you can't use useLocation().route in a then inside a useEffect

No, that's perfectly fine. Why do you think you can't?

function MyComponent() {
    const { route } = useLocation();

    useEffect(() => {
        someAsyncAction().then(() => route('/foo'));
    }, []);
}

[uriva]

I mean I can pass a reference, but I can't actually call useLocation itself (I got an exception. something about null context).

Sometimes the code is deeply nested so it means passing this object through many layers.

I eventually solved this, but wondering if a better way would just have a function that works in and out of components the same way (if it's possible).

[rschristian]

useLocation is a hook, no other way to interact with it than this.

Because route is tied to the component lifecycle, no, it can't reasonably be accessible anywhere else without causing additional issues.

[rschristian]

Going to close as this is working as intended.