title: Why isn't MenuItemLink rendered inside the menu?
body: <p>i made a custom page where users can buy a subscription, but i can't navigate to that page because the button isn't redered inside menu. I followed the <a href="https://marmelab.com/react-admin/doc/3.18/Theming.html#using-a-custom-menu" rel="nofollow noreferrer">official guide</a> but only render the dashboard and resources buttons.</p>
  <p>I've done a <code>console.log</code> on <code>Menu</code> and i saw that there are 3 children:
  1 - Dashboard;
  2 - Subscribe;
  3 - Array of resources buttons.</p>
  <p>P.S. I'm using React-Admin v3.18.2 and if you need others info, leave a comment below.</p>
  <p>Thanks.</p>
  <p><strong>menu.tsx</strong></p>
  <pre><code>import React from 'react';
  import { useSelector } from 'react-redux';
  import { DashboardMenuItem, MenuItemLink, getResources, Menu, MenuProps } from 'react-admin';
  
  import { CardMembership, ViewList } from '@material-ui/icons';
  
  
  
  const CustomMenu = (props: MenuProps) =&gt; {
      const resources = useSelector(getResources);
  
      return (
          &lt;Menu {...props}&gt;
              &lt;DashboardMenuItem /&gt;
              {/* @ts-ignore */}
              &lt;MenuItemLink
                  key=&quot;subscribe&quot;
                  to=&quot;/subscribe&quot;
                  primaryText=&quot;Abbonamenti&quot;
                  leftIcon={&lt;CardMembership/&gt;}
                  sidebarIsOpen={open}
              /&gt;
              {
                  resources.map(resource =&gt; (
                      /* @ts-ignore */
                      &lt;MenuItemLink
                          key={resource.name}
                          to={`/${resource.name}`}
                          primaryText={(resource.options &amp;&amp; resource.options.label) || resource.name}
                          leftIcon={resource.icon ? &lt;resource.icon /&gt; : &lt;ViewList /&gt;}
                          sidebarIsOpen={open}
                      /&gt;
                  ))
              }
          &lt;/Menu&gt;
      );
  };
  
  export default CustomMenu;
  </code></pre>
  <p><strong>layout.tsx</strong></p>
  <pre><code>import React from &quot;react&quot;;
  import { Layout, LayoutProps } from 'react-admin';
  
  import CustomMenu from './menu';
  import CustomAppBar from &quot;./appBar&quot;;
  import { ProfileProvider } from &quot;../profile&quot;;
  
  
  
  const CustomLayout = (props: LayoutProps) =&gt; (
      &lt;ProfileProvider&gt;
          &lt;Layout {...props} appBar={CustomAppBar} menu={CustomMenu}/&gt;
      &lt;/ProfileProvider&gt;
  );
  
  export default CustomLayout;
  </code></pre>
  <p><strong>App.tsx</strong></p>
  <pre><code>import React from &quot;react&quot;;
  import dynamic from &quot;next/dynamic&quot;;
  import { Admin, Resource } from 'react-admin';
  import { Work, Group, ViewList } from '@material-ui/icons';
  
  import authProvider from './authProvider';
  import dataProvider from './dataProvider';
  import Dashboard from './dashboard';
  import LoginPage from './login';
  import CustomRoutes from './customRoutes';
  import CustomLayout from './layouts/layout';
  import { JobList, JobEdit, JobCreate } from './jobs';
  import { AccountList, AccountEdit, AccountCreate } from './accounts';
  import { ServiceList, ServiceEdit, ServiceCreate } from './services';
  
  
  
  const App = () =&gt; (
      &lt;Admin
          layout={CustomLayout}
          loginPage={LoginPage}
          dashboard={Dashboard}
          authProvider={authProvider}
          dataProvider={dataProvider}
          customRoutes={CustomRoutes}
      &gt;
          {
              permissions =&gt; [
                  permissions.subStatus === 'active'
                  &amp;&amp; &lt;Resource
                      name=&quot;services&quot;
                      list={ServiceList}
                      edit={ServiceEdit}
                      create={ServiceCreate}
                      icon={ViewList}
                      options={{ label: 'Servizi' }}
                  /&gt;,
  
                  permissions.subStatus === 'active'
                  &amp;&amp; &lt;Resource
                      name=&quot;accounts&quot;
                      list={AccountList}
                      edit={AccountEdit}
                      create={AccountCreate}
                      icon={Group}
                      options={{ label: 'Account' }}
                  /&gt;,
  
                  permissions.subStatus === 'active'
                  &amp;&amp; &lt;Resource
                      name=&quot;jobs&quot;
                      list={JobList}
                      edit={JobEdit}
                      create={JobCreate}
                      icon={Work}
                      options={{ label: 'Lavori' }}
                  /&gt;
              ]
          }
      &lt;/Admin&gt;
  );
  
  const Run = dynamic(() =&gt; Promise.resolve(App), {
      ssr: false,
  });
  
  export default Run;
  </code></pre>
  <p><strong>customRoutes.tsx</strong></p>
  <pre><code>import React from &quot;react&quot;;
  import { Route } from 'react-router-dom';
  
  import SubscribePage from './subscription';
  
  
  
  const CustomRoutes = [
      &lt;Route key=&quot;subscribe&quot; exact path=&quot;/subscribe&quot; component={SubscribePage}/&gt;,
  ];
  
  export default CustomRoutes;
  </code></pre>
  <p><strong>UPDATE:</strong>
  I solved updating react-admin to v3.19.7.</p>