Ionic rect disable side menu on login and register page

Hi there, in starting to use ionic react I’m trying to disable the side menu on register and login page but I have not got any luck. Can you guys point me in the right direction?

<IonContent>
... other page components
{ authenticated ? <Menu/> : null }
</IonContent>

or what i have done in my example is not even render the router that contains the menu when the user isn’t authenticated

if (!authInfo || !authInfo.initialized) {
    return (
      <IonApp>
        <IonLoading isOpen={true} />
      </IonApp>
    );
  } else {
    return (
      <IonApp>
        <>
          {authInfo?.loggedIn === true ? (
            <IonReactRouter>
              <IonSplitPane contentId="main">
                <Menu />
                <IonRouterOutlet id="main">
                  <Route path="/page/:name" component={Page} exact />
                  <Route path="/tabs" component={TabRootPage} />
                  <Redirect from="/" to="/tabs" exact />
                </IonRouterOutlet>
              </IonSplitPane>
            </IonReactRouter>
          ) : (
            <IonReactRouter>
              <Route
                path="/create-account"
                component={CreateAccountPage}
                exact
              />
              <Route path="/login" component={LoginPage} exact />
              <Redirect from="/" to="/login" exact />
            </IonReactRouter>
          )}
        </>
      </IonApp>
    );
  }

See full app and source code here : https://github.com/aaronksaunders/ionic-sidemenu-tabs-auth-starter

1 Like

Thanks for your response @aaronksaunders Im using firebase as my backend. your approach put me in the right direction. I’ll check how to make it work with firebase.