title: Binding initial value to material ui select
body: <p>I am using material ui in my react application.
  And I am using select component.
  I want to bind some initial values to the select control.
  I had tried with the useState hook. It's not working.
  Below is the code i am using.</p>
  
  <pre><code>const userContributors=[{
    firstName: "user101",
    id: "1",
    role: "Users"
  },{
    firstName: "user102",
    id: "2",
    role: "Users"
  },{
    firstName: "user103",
    id: "3",
    role: "Users"
  }]
  
  const [ApplicationAdminUsers, SetApplicationAdminUsers] = useState([
  {
    firstName: "user101",
    id: "1",
    role: "Users"
  }
  ]);
  
  &lt;FormControl
                  variant="outlined"
                  margin="normal"
                  InputLabelProps={{
                    shrink: true
                  }}
                  validators={["required"]}
                  errorMessages={["Select Application Admin"]}
                  className={[
                    classes.formControl,
                    "fullWidthControl",
                    "multiselect-checkbox"
                  ].join(" ")}
                &gt;
                  &lt;InputLabel
                    ref={inputLabel}
                    htmlFor="select-multiple-checkbox"
                    className="multi-label-top"
                  &gt;
                    Select Users...
                  &lt;/InputLabel&gt;
                  &lt;Select
                    multiple
                    value={ApplicationAdminUsers}
                    onChange={handleChangeUserContributores}
                    className="multi-input-padding"
                    validators={["required"]}
                    errorMessages={["Select Application Admin"]}
                    input={
                      &lt;OutlinedInput
                        labelWidth={labelWidth}
                        id="select-multiple-checkbox"
                      /&gt;
                    }
                    MenuProps={MenuProps}
                  &gt;
                    {userContributors.map((item, index) =&gt; (
                      &lt;MenuItem key={"aa" + item.id} value={item}&gt;
                        {item.firstName}
                      &lt;/MenuItem&gt;
                    ))}
                  &lt;/Select&gt;
                &lt;/FormControl&gt;
  </code></pre>
  
  <p>And here I'm using this as multi select control.
  Any solutions to solve this.
  Thanks</p>