[material-ui][Select] Does it receive different types of value?

[RivaldoCM]

I have a doubt about the types of the select component because it only accepts string values.

exemple:

<Select>
        <MenuItem value={10}>VALUES</MenuItem>
        <MenuItem value={20}>VALUES</MenuItem>
        <MenuItem value={30}>VALUES</MenuItem>
</Select>

In MenuItem, I get an error about the number value. In the documentation file select.d.ts, there is:

export interface SelectProps<Value = unknown>
  extends StandardProps<InputProps, 'value' | 'onChange'>,
    Omit<OutlinedInputProps, 'value' | 'onChange'>,
    Pick<SelectInputProps<Value>, 'onChange'> {

   * The `input` value. Providing an empty string will select no options.
   * Set to an empty string `''` if you don't want any of the available options to be selected.
   *
   * If the value is an object it must have reference equality with the option in order to be selected.
   * If the value is not an object, the string representation must match with the string representation of the option in order to be selected.
   */
  value?: Value | '';
}

When I set value?: Value | '' | number, it works fine. Does this mean the select component does not support other types in Material UI? I was thinking of opening a pull request, but it's better to clear my doubt first.

Search keywords: types, select

[DiegoAndai]

Hey @RivaldoCM, thanks for reaching out!

You can specify Select's value type via the Value generic parameter by doing <Select<number>>{...}</Select>, and you can do the same for SelectChangeEvent<number>. Here's an example: https://codesandbox.io/p/sandbox/40432-example-vjpfng

Is this what you're looking for?

[RivaldoCM]

Exactly, @DiegoAndai . Thanks for the explanation.