title: why checkbox is not checked in react?
body: <p>I am trying to implement <code>Auto complete</code> having <code>checkbox</code>.</p>
  
  <p><a href="https://material-ui.com/components/autocomplete/#autocomplete" rel="nofollow noreferrer">https://material-ui.com/components/autocomplete/#autocomplete</a>
  <a href="https://i.stack.imgur.com/YtxSS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YtxSS.png" alt="enter image description here"></a></p>
  
  <p>but when I am implementing same component in <code>final-form</code> I am not able to checked my option why ? </p>
  
  <p>here is my code
  <a href="https://codesandbox.io/s/relaxed-breeze-hv58o" rel="nofollow noreferrer">https://codesandbox.io/s/relaxed-breeze-hv58o</a></p>
  
  <pre><code>&lt;Autocomplete
        {...rest}
        multiple={multiple}
        disableCloseOnSelect={true}
        options={
          multiple
            ? maxReached
              ? []
              : options.filter(option =&gt; !value.includes(option.value))
            : options
        }
        defaultValue={
          multiple
            ? options.filter(option =&gt; value.includes(option.value))
            : options.find(option =&gt; option.value === value)
        }
        onChange={
          multiple
            ? (_e, values) =&gt; {
                setMaxReached(value.length &gt;= max - 1);
                onChange(values.map(option =&gt; option.value));
              }
            : (_e, option) =&gt; onChange(option.value)
        }
        getOptionLabel={option =&gt; option.label}
        noOptionsText={
          maxReached
            ? formatMessage({ id: "components.autocomplete.max" }, { max })
            : formatMessage({ id: "components.autocomplete.no" })
        }
        renderOption={(option, { selected }) =&gt; (
          &lt;React.Fragment&gt;
            &lt;Checkbox
              icon={icon}
              checkedIcon={checkedIcon}
              style={{ marginRight: 8 }}
              checked={selected}
            /&gt;
            {option.label}
          &lt;/React.Fragment&gt;
        )}
        renderInput={params =&gt; (
          &lt;TextField
            {...params}
            {...restInput}
            label={label}
            placeholder={placeholder || ""}
            helperText={
              hasError ? formatMessage({ id: error }, { label }) : helperText
            }
            error={hasError}
            fullWidth
          /&gt;
        )}
      /&gt;
    );
  };
  </code></pre>