title: Type 'string' is not assignable to type '"menu" | "selectedMenu" | undefined'
body: <p>I'm making multiple select in typescript, material-ui, React. I need to set <code>MenuProps.variant = 'menu'</code>, but I'm facing the error,</p>
  <p><em>Type '{ variant: string; PaperProps: { style: { maxHeight: number; width: number; }; }; }' is not assignable to type 'Partial'.
  Types of property 'variant' are incompatible.
  Type 'string' is not assignable to type '&quot;menu&quot; | &quot;selectedMenu&quot; | undefined'.</em></p>
  <p>for the below code. How to resolve this error?</p>
  <pre><code>import React from 'react';
  import Input from '@material-ui/core/Input';
  import MenuItem from '@material-ui/core/MenuItem';
  import Select from '@material-ui/core/Select';
  
  const ITEM_HEIGHT = 48;
  const ITEM_PADDING_TOP = 8;
  const MenuProps = {
    variant: 'menu',
    PaperProps: {
      style: {
        maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,
        width: 250,
      },
    },
  };
  
  const names = [
    'Oliver Hansen',
    'Van Henry',
    'April Tucker',
    'Ralph Hubbard',
    'Omar Alexander',
    'Carlos Abbott',
    'Miriam Wagner',
    'Bradley Wilkerson',
    'Virginia Andrews',
    'Kelly Snyder',
  ];
  
  
  export default function MultipleSelect() {
    const classes = useStyles();
    const theme = useTheme();
    const [personName, setPersonName] = React.useState&lt;string[]&gt;([]);
  
    const handleChange = (event: React.ChangeEvent&lt;{ value: unknown }&gt;) =&gt; {
      setPersonName(event.target.value as string[]);
    };
  
    return (
          &lt;Select
            multiple
            value={personName}
            onChange={handleChange}
            input={&lt;Input /&gt;}
            MenuProps={MenuProps}
          &gt;
            {names.map((name) =&gt; (
              &lt;MenuItem key={name} value={name} style={getStyles(name, personName, theme)}&gt;
                {name}
              &lt;/MenuItem&gt;
            ))}
          &lt;/Select&gt;
        )
  }
  </code></pre>
  <p>Reference<br />
  <a href="https://material-ui.com/api/menu/" rel="nofollow noreferrer">https://material-ui.com/api/menu/</a><br />
  <a href="https://material-ui.com/components/selects/#multiple-select" rel="nofollow noreferrer">https://material-ui.com/components/selects/#multiple-select</a></p>