Как установить zIndex компонента выбора React Material-UI?

Question

https://material-ui.com/components/selects/

        <FormControl
          className={css.field}
          variant="outlined"
        >
          <InputLabel id="select-role-label">角色</InputLabel>
          <Select
            labelId="select-role-label"
            id="select-role"
            value={'user'}
            onChange={handleRoleChange}
            label="角色"
            style={{
              zIndex: 1600
            }}
          >
            <MenuItem value={'user'}>普通用户</MenuItem>
            <MenuItem value={'admin'}>管理员</MenuItem>
          </Select>
        </FormControl>

Я пробовал это выше, и это не работает. Поскольку компонент select находится внутри всплывающего модального окна с пользовательским zIndex 1500, он будет скрыт за модальным (по умолчанию zIndex равен 1300).

      <div className={css.form}>
        <FormControl
          className={css.field}
          variant="outlined"
        >
          <InputLabel id="select-role-label">角色</InputLabel>
          <Select
            labelId="select-role-label"
            id="select-role"
            value={'user'}
            onChange={handleRoleChange}
            label="角色"
            MenuProps={{
              PaperProps: {
                elevation: 1600
              }
            }}
          >
            <MenuItem value={'user'}>普通用户</MenuItem>
            <MenuItem value={'admin'}>管理员</MenuItem>
          </Select>
        </FormControl>
      </div>

Это выше также не работает. ..