Don't use selected Error using Material UI select component

Question

I am getting an error:

Warning: Use the defaultValue or value props on instead of setting selected on .

<Select
  onChange={props.changecompany}
  value={props.currCompany != undefined ? props.currCompany.id : -1}
>
  <option key={'empty'} value={'-1'}>
    None
  </option>
  {mapstructure()}
</Select>;

And here is my mapstructure()

const mapstructure = () => {
  return companies.map((company) => (
    <option key={company.Id.toString()} value={company.Id}>
      {company.Name}
    </option>
  ));
};

I'm still learning so it is probably something fairly obvious, but the google solutions havent seemed to have fixed it. TIA

Answer 1

Here is what I think:

React throws a warning (not error) because, Material UI is using selected instead of value.
You have done nothing wrong and should not worry about it.
This can be fixed by Material UI itself in the upcoming updates if you raise this issue.

I hope this clears your doubt.