# Ionic Menu does not show

**URL:** <https://forum.ionicframework.com/t/ionic-menu-does-not-show/197358>\
**Category:** Ionic React\
**Created:** [October 4, 2020, 5:23pm UTC](https://forum.ionicframework.com/t/ionic-menu-does-not-show/197358 "2020-10-04T17:23:22Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![julianov403](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/julianov403/32/134095_2.png) [@julianov403](https://forum.ionicframework.com/u/julianov403)\
**Post date:** [October 4, 2020, 5:23pm UTC](https://forum.ionicframework.com/t/ionic-menu-does-not-show/197358/1 "2020-10-04T17:23:22Z")

</div>

Hello.

I try to implements a Menu as this tutorial shows:

> **[ion-menu - Ionic Documentation](https://ionicframework.com/docs/api/menu)**
>
> Ionic is the app platform for web developers. Build amazing mobile, web, and desktop apps all with one shared code base and open web standards

But there the menu has an IonContent and there must be just one IionContent

```auto
const Registro: React.FC = () => {
  return (
    <IonPage>
      <IonHeader>
      <IonToolbar>
        <IonGrid>
          <IonRow>
            <IonCol><MenuPrincipal></MenuPrincipal></IonCol>
            <IonCol><Busqueda></Busqueda></IonCol>
            <IonCol><p>OtherThing</p></IonCol>
          </IonRow>
        </IonGrid>
      </IonToolbar>
      </IonHeader>
      <IonContent fullscreen>
        <RegistroNuevaCuenta></RegistroNuevaCuenta>
      </IonContent>
    </IonPage>
  );
};

```

And this is the menu element:

```auto
class MenuPrincipal extends Component{
  render(){
    return (
<IonMenu side="end" type="push">

  <IonList>
    <IonItem>Menu Item</IonItem>
    <IonItem>Menu Item</IonItem>
    <IonItem>Menu Item</IonItem>
    <IonItem>Menu Item</IonItem>
    <IonItem>Menu Item</IonItem>
  </IonList>

</IonMenu>
    );
  }
};

```

But the menu icon does not show. Why that?

```auto
    <IonMenu side="start" menuId="first">
      <IonHeader>
        <IonToolbar color="primary">
          <IonTitle>Start Menu</IonTitle>
        </IonToolbar>
      </IonHeader>
      <IonContent>
        <IonList>
          <IonItem>Menu Item</IonItem>
          <IonItem>Menu Item</IonItem>
          <IonItem>Menu Item</IonItem>
          <IonItem>Menu Item</IonItem>
          <IonItem>Menu Item</IonItem>
        </IonList>
      </IonContent>
    </IonMenu>

```

That’s the menu example and there is IonContent but with that it does not show the menu icon neither.

---

<div class="post-metadata">

**Author:** ![max](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/max/32/137761_2.png) [@max](https://forum.ionicframework.com/u/max)\
**Post date:** [October 21, 2020, 12:30am UTC](https://forum.ionicframework.com/t/ionic-menu-does-not-show/197358/2 "2020-10-21T00:30:16Z")

</div>

`Menu` does not work nested. It needs to be higher up in the component hierarchy.

See the official sidemenu starter for an example of this: [https://github.com/ionic-team/starters/blob/49dcd41ccbbb2fd4b44b5bd821006a164bf71dba/react/official/sidemenu/src/App.tsx](https://github.com/ionic-team/starters/blob/49dcd41ccbbb2fd4b44b5bd821006a164bf71dba/react/official/sidemenu/src/App.tsx)