Select of Material-ui doesn't set value

[Gumichocopengin8]

Hello,
Thank you for making a great form library! It is super helpful.

I got stuck with select of material-ui

<Controller
              name="category"
              as={
                <FormControl variant="outlined" error={!!errors.majorCategory}>
                  <Select>
                    {items.map((item) => (
                      <MenuItem key={item.key} value={item.value}>
                        {item.text}
                      </MenuItem>
                    ))}
                  </Select>
                </FormControl>
              }
              control={control}
              rules={{ required: true }}
              onChange={([selected]) => selected}
              valueName="selected"
            />

When I console out getValues('category'), it doesn't not return selected value.
How can I fix it?? I want to keep using Controller if possible.

Thank you!

[bluebill1049]

hey @Gumichocopengin8 can you create a simple codesandbox for this problem?

[Gumichocopengin8]

Thanks for quick reply.
here is the code
https://codesandbox.io/s/stupefied-bouman-vstrs?file=/src/App.tsx

[bluebill1049]

https://codesandbox.io/s/happy-pare-95sqc?file=/src/App.tsx

FormControl doesn't have onChange props.

[Gumichocopengin8]

Yeah, but i want to use FormControl because it has error props.
In this case, I need to use setValue?

[bluebill1049]

did you see my CSB? you just need to wrap it outside.

[Gumichocopengin8]

Oh yeah... I completely forgot about it.
Thank you very much!