Hide and show it

Hello All.

I implemented and ionic menu following the ionic menu example and the only way to show it is:

without IonSplitPane it does not show but with IonSplitPane the menu is fix in the left and I want to show it and hide with a menu button.

const App: React.FC = () => (
  <IonApp>
    <IonReactRouter>
    <IonSplitPane contentId="main">
          <Menu />
      <IonRouterOutlet>
        <Route path="/home" component={Home} exact={true} />
        <Route exact path="/" render={() => <Redirect to="/home" />} />
        <Route path="/registro" component={Registro} exact={true}></Route>
      </IonRouterOutlet>
      </IonSplitPane>

    </IonReactRouter>
  </IonApp>
);