Скрытие IonTab на подстраницах - Ioni c React 5

Question

Я строю приложение Ioni c React, а версия ioni c - 5. В моем приложении у меня нижняя навигация. Я упомянул логи c нижней навигации в App.tsx.

У меня есть кнопка добавления на странице панели инструментов, при нажатии этой кнопки я хочу открыть страницу, которая не будет содержать нижней навигации. Я получил много ответов по inte rnet, что для Ioni c - Angular. Я специально ищу ответ Ioni c -реагировать.

App.tsx    
     <IonContent>
        <IonReactRouter>
          <IonTabs>
            <IonRouterOutlet>
              <Route path="/profile" component={Profile} exact={true} />
              <Route path="/dashboard" component={Dashboard} exact={true} />
              <Route path="/dashboard/addInfo" component={Info} exact={true} />
              <Route path="/" render={() => <Redirect to="/dashboard" />} exact={true} />
            </IonRouterOutlet>
            <IonTabBar slot="bottom">
              <IonTabButton tab="home" href="/home">
                <IonIcon icon={home} />
                <IonLabel>Home</IonLabel>
              </IonTabButton>
              <IonTabButton tab="profile" href="/profile">
                <IonIcon icon={profile} />
                <IonLabel>Profile</IonLabel>
              </IonTabButton>
              <IonTabButton tab="dashboard" href="/dashboard">
                <IonIcon icon={grid} />
                <IonLabel>Dashboard</IonLabel>
              </IonTabButton>
            </IonTabBar>
          </IonTabs>
        </IonReactRouter>
      </IonContent>