Get error on upgrade to leptos 0.7. You cannot call use_navigate outside a <Router>.

[tempbottle]

How to navigate by keyboard event?
This code work fine on leptos 0.6 but get error on leptos 0.7.

 let _cleanup = use_event_listener(document().body(), keydown, move |evt: KeyboardEvent| {
        let (path_prev, path_next) = get_path_prev_next();
        let path = match evt.key().as_str() {
            "ArrowLeft" => {
                Some(path_prev)
            }
            "ArrowRight" => {
                Some(path_next)
            }
            _ => None,
        };

        if path.is_some() {
            request_animation_frame(move || {
                let navigate = use_navigate();
                let mut opts = NavigateOptions::default();
                opts.replace = true;
                navigate(&path.clone().unwrap(), opts);
                ...

[gbj]

Move this line into the body of the component.

let navigate = use_navigate();

[tempbottle]

Great! Just move this code can work fine.

[Curlyhub]

it's not solve!!!!!