Using icons causes Drawer component not opening in Remix example with React 18

[tombohub]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

The drawer is not opening

Expected behavior 🤔

Drawer needs to open

Steps to reproduce 🕹

Steps:

1. download remix example from https://github.com/mui/material-ui/tree/master/examples/remix-with-typescript
2. create new remix route file,
3. got to mui drawer component https://mui.com/material-ui/react-drawer/#PersistentDrawerRight.tsx
4. copy code and paste to newly created remix route
5. run npm run dev
6. go to browser, open the newly created route and click menu icon

it's not opening:

Context 🔦

https://stackblitz.com/github/bnmiwpzvw?file=app/routes/drawer.tsx

Your environment 🌎

`npx @mui/envinfo`

System:
    OS: Windows 10 10.0.19044
  Binaries:
    Node: 16.13.1 - C:\Program Files\nodejs\node.EXE
    Yarn: Not Found
    npm: 8.1.2 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Chrome: Version 101.0.4951.67 (Official Build) (64-bit)
    Edge: Spartan (44.19041.1266.0), Chromium (101.0.1210.53)
  npmPackages:
    @emotion/react: latest => 11.9.0
    @emotion/styled: latest => 11.8.1
    @mui/base:  5.0.0-alpha.82
    @mui/icons-material: ^5.8.0 => 5.8.0
    @mui/material: latest => 5.8.1
    @mui/private-theming:  5.8.0
    @mui/styled-engine:  5.8.0
    @mui/system:  5.8.1
    @mui/types:  7.1.3
    @mui/utils:  5.8.0
    @types/react: latest => 18.0.9
    react: latest => 18.1.0
    react-dom: latest => 18.1.0
    typescript: latest => 4.6.4

EDIT1:

• it's working in codebox: https://codesandbox.io/s/purple-sun-sio1vb?file=/app/routes/drawer.tsx

EDIT2:

• it's working if I don't use icons:

• 

• 

EDIT3

• here is the console error when Icons are included:
  

the code for that error is:

import { createTheme } from '@mui/material/styles';
import { red } from '@mui/material/colors';

// Create a theme instance.
const theme = createTheme({
  palette: {
    primary: {
      main: '#556cd6',
    },
    secondary: {
      main: '#19857b',
    },
    error: {
      main: red.A400,
    },
  },
});

export default theme;

• this is what happens when NO ICONS are included:
  

EDIT4:

• this might be related to this issue Theme switching doesn't work with Remix #31140

EDIT5:

• Tested with React 17 and 18. Working when Icons are NOT included in component.

[mnajdova]

Duplicate of #31835