Как я могу спрятать IonTabs в Ioni c React?

Question

  <IonTabBar slot="bottom">
        <IonTabButton tab="myWarranty" href="/myWarranty">
          <IonIcon icon={document} />
          <IonLabel>Warranty</IonLabel>
        </IonTabButton>
        <IonTabButton tab="addWarranty" href="/addWarranty">
          <IonIcon icon={addCircleOutline} />
          <IonLabel>Add Warranty</IonLabel>
        </IonTabButton>
        <IonTabButton tab="history" href="/history">
          <IonIcon icon={refresh} />
          <IonLabel>History</IonLabel>
        </IonTabButton>
      </IonTabBar>
    </IonTabs>

(App.tsx)

Я хочу, чтобы панель вкладок, объявленная в App.tsx, была скрыта на некоторых страницах, таких как вход, логин.

  const SignIn: React.FC<RouteComponentProps> = (props) => {
// what should I write ?
}