title: Hide IonMenu from login and registrationpage
body: <p>there I'm building an app with Ionic and react and firebase as a backend. I'm trying to hide the side menu (IonMenu) from the login and registration page. </p>
  
  <p>I'm kind of new to programming so I'm kind of lost. Can someone put me in the right direction? </p>
  
  <p>Here is my App.tsx file </p>
  
  <pre><code>
      &lt;IonApp&gt;
        &lt;IonReactRouter&gt;
          &lt;IonSplitPane contentId="main"&gt;
            &lt;Menu /&gt;
            &lt;IonRouterOutlet id="main"&gt;
              &lt;Route exact path="/home" component={Home} /&gt;
              &lt;Route path="/galeria" exact component={Galeria}  /&gt;
              &lt;Route path="/liturgia" exact component={Liturgia} /&gt;
              &lt;Route path="/trabajos" exact component={Trabajos}  /&gt;
              &lt;Route path="/pagos" exact component={Pagos} /&gt;
              &lt;Route path="/login" exact component={Login} /&gt;
              &lt;Route path="/register" exact component={Register} /&gt; 
              &lt;Redirect exact from="/" to="/login" /&gt;
  
            &lt;/IonRouterOutlet&gt;
          &lt;/IonSplitPane&gt;
  
        &lt;/IonReactRouter&gt;
      &lt;/IonApp&gt;
  
  );
  
  export default App;
  </code></pre>