[material-ui][Drawer] can't set drawer root element

[tjx666]

Steps to reproduce

oneline playground: https://stackblitz.com/edit/react-hyeb7b?file=Demo.tsx

Current behavior

is still div element

Expected behavior

should be aside element

Context

I want the drawer to be a aisde elemnt and be more friendly to seo

Your environment

npx @mui/envinfo

  System:
    OS: macOS 14.5
  Binaries:
    Node: 18.20.2 - ~/.local/state/fnm_multishells/51625_1717746137681/bin/node
    npm: 10.8.0 - ~/.local/state/fnm_multishells/51625_1717746137681/bin/npm
    pnpm: Not Found
  Browsers:
    Chrome: 125.0.6422.142
    Edge: Not Found
    Safari: 17.5
  npmPackages:
    @emotion/react: ^11.11.4 => 11.11.4 
    @emotion/styled: ^11.11.5 => 11.11.5 
    @mui/base:  5.0.0-beta.40 
    @mui/core-downloads-tracker:  5.15.19 
    @mui/icons-material: ^5.15.19 => 5.15.19 
    @mui/lab: 5.0.0-alpha.170 => 5.0.0-alpha.170 
    @mui/material: ^5.15.19 => 5.15.19 
    @mui/material-nextjs: ^5.15.11 => 5.15.11 
    @mui/private-theming:  5.15.14 
    @mui/styled-engine:  5.15.14 
    @mui/system: 5.15.15 => 5.15.15 
    @mui/types:  7.2.14 
    @mui/utils:  5.15.14 
    @mui/x-date-pickers: ^7.6.0 => 7.6.0 
    @mui/x-tree-view: ^6.17.0 => 6.17.0 
    @types/react: ^18.3.3 => 18.3.3 
    react: 18.2.0 => 18.2.0 
    react-dom: 18.3.1 => 18.3.1 
    typescript: ~5.4.5 => 5.4.5

Search keywords: drawer, root, aside, nav

[tjx666]

I find temporary drawer work but persistent not

[ZeeshanTamboli]

As stated in the docs here:

The props of the Modal component are available when variant="temporary" is set.

The component prop is the prop of the Modal component which is available only when Drawer variant is temporary.