当我们有带有复选框的MenuItems时，如何停止在带有select属性的Material UI TextField的输入中显示复选框

import React from 'react';
import { TextField, MenuItem, Select } from '@material-ui/core';

const options = [
  { value: 'option1', label: 'Option 1' },
  { value: 'option2', label: 'Option 2' },
  { value: 'option3', label: 'Option 3' },
];

function CustomSelect() {
  const [value, setValue] = React.useState(options[0].value);

  const handleChange = (event) => {
    setValue(event.target.value);
  };

  const renderValue = (selectedValue) => {
    const selectedOption = options.find((option) => option.value === selectedValue);
    return selectedOption ? selectedOption.label : '';
  };

  return (
    <Select
      value={value}
      onChange={handleChange}
      renderValue={renderValue}
      inputProps={{ 'aria-label': 'Without checkbox' }}
    >
      {options.map((option) => (
        <MenuItem key={option.value} value={option.value}>
          {option.label}
        </MenuItem>
      ))}
    </Select>
  );
}

function App() {
  return (
    <div>
      <TextField
        select
        label="Select"
        value={value}
        onChange={handleChange}
        renderValue={renderValue}
        variant="outlined"
      >
        {options.map((option) => (
          <MenuItem key={option.value} value={option.value}>
            {option.label}
          </MenuItem>
        ))}
      </TextField>
    </div>
  );
}

export default App;