title: Can't reset selection with Material UI select component
body: <p>First post about React! I'm new and I try to make a cascading dropdowns (3 levels) with each of one having the same values (same source). There's other functions to validate duplicates selection, but that's not the point of my question. When I select element, it works; the array "levels" is filled, the disabled attribute works, and so on. But when I try to clear all values, the dropdowns (2nd &amp; 3rd) are disabled, but value are displayed.</p>
  
  <p>Here's how a initialize the state columns:</p>
  
  <pre><code>const [selectedColumns, setSelectedColumns] = useState({ levels: [] })
  </code></pre>
  
  <p>How I handle the selection of element (when adding new selection):</p>
  
  <pre><code>const handleChange = (e, level) =&gt; {
  
    setSelectedColumns(prev =&gt; ({
      ...prev,
      levels: selectedColumns.levels.concat(e.target.value),
    }))
  
  }
  </code></pre>
  
  <p>Clear all function (I try multiple solutions, I've put 2 of them):</p>
  
  <pre><code>const clearAll = () =&gt; {
    setSelectedColumns(prev =&gt; ({
      ...prev,
      levels: selectedColumns.levels.filter((column, j) =&gt; false),
    }))
  }
  
  const clearAll = () =&gt; {
    setSelectedColumns({ levels: [] })
  }
  </code></pre>
  
  <p>I have 3 dropdown component looking like this one:</p>
  
  <pre><code>&lt;FormControl variant='outlined' theme={theme}&gt;
    &lt;InputLabel htmlFor='level1'&gt;
      Level 1
    &lt;/InputLabel&gt;
    &lt;Select
      native
      value={selectedColumns.levels[0]}
      onChange={e =&gt; handleChange(e, 1)}
    name='level1'
    inputProps={{
      id: 'level1',
    }}&gt;
    &lt;option value='' /&gt;
    {data.map((column, i) =&gt; (
      &lt;option key={i} value={column.key}&gt;
        {column.text}
      &lt;/option&gt;
    ))}
  &lt;/Select&gt;
  </code></pre>
  
  <p>Here's is what it's look like when I click the clear All button. You see the array his cleared but value are still displayed.</p>
  
  <p><a href="https://i.stack.imgur.com/zMa24m.png" rel="noreferrer"><img src="https://i.stack.imgur.com/zMa24m.png" alt="enter image description here"></a></p>