Validate state in BrowserRouter / Switch ?

[Miuler]

I have a Router, but I want validate in the state the token, how can I do it?
How can I access the status to validate it?

#[derive(Serialize, DisplayAsJson, Clone, PartialEq, Default)]
pub struct AppState {
    pub oauth_token: Option<String>,
    pub patient: Option<Patient>
}

#[function_component]
pub fn App() -> Html {
    wasm_logger::init(wasm_logger::Config::default());

    let app_context: UseReducerHandle<AppState> = use_reducer(|| AppState::default());

    html! {
    <ContextProvider <AppStateContext> context={app_context}>
      <BrowserRouter>
        <Switch<Route> render={switch} />
      </BrowserRouter>
    </ContextProvider <AppStateContext>>
    }
}

fn switch(route: Route) -> Html {
    println!("route: {:?}", route);

    // How can I access the status to validate it?
    // if state.oauth_token.is_none() { html! { <Logging /> } }

    match route {
        Route::Home => html! { <Home /> },
        Route::Histories => html! { <Search /> },
        Route::HistoryDetail { id } => html! { <HistoryDetail {id} /> },
        _ => html! { <NotFound /> },
    }
}

[jq170727]

Perhaps you could use the approach yew-oauth2 takes and put the validation logic in an intermediate component?

tchatchers router.rs does something like this with auth_guard.rs:

/// Function used to switch the main component's view.
pub fn switch(route: Route) -> Html {
    match route {
        Route::JoinRoom => html! { <AuthGuard<JoinRoomHOC> /> }, //  ◄────────────
        Route::Room { room } => html! { <AuthGuard<FeedHOC> {room} /> }, //  ◄────
        Route::SignIn => html! { <SignInHOC /> },
        Route::SignUp => html! { <SignUp /> },
        Route::Settings => html! { <AuthGuard<SettingsHOC> /> }, //  ◄────────────
        Route::LogOut => html! { <LogOut /> },
        Route::NotFound => html! { <NotFound />},
    }
}

#[function_component(AuthGuard)]
pub fn auth_guard<T>(props: &<T as yew::BaseComponent>::Properties) -> Html
where
    T: BaseComponent,
    <T as yew::BaseComponent>::Properties: Clone,
{
    let client_context = use_context::<Rc<ClientContext>>().expect("No app context");
    let navigator = use_navigator().unwrap();

    if client_context.user_context.is_some() { // ◄────────────────────────────
        html! { <T ..props.clone() /> }
    } else {
        navigator.replace(&Route::SignIn);
        ToastBus::dispatcher().send(Alert {
            is_success: false,
            content: "Please authenticate prior accessing the app functionnalities.".into(),
        });
        html! {<></>}
    }
}