ReactJS + Material-UI Autocomplete defaultValue not working [closed]

You are passing an empty array as defaultValue value in your Controller - then you are using that as the value for Autocomplete. I also don't think you need the defaultValue in Autocomplete.

Anyways, the code below should work

export default function AutoSelect({ options, selectedValue }) {
  const { control, setValue } = useForm();

  if (options.length === 0) {
    return null;
  }

  const defaultValue = options.find((i) => i.value === selectedValue);

  return (
    <Controller
      render={(props) => (
        <Autocomplete
          options={options}
          getOptionLabel={(option) => option.label}
          value={props.value}
          onChange={(e, values) => setValue("food", values)}
          renderInput={(params) => (
            <TextField
              {...params}
              label="Choose food"
              name={props.name}
              placeholder="Choose food"
              variant="outlined"
              fullWidth
            />
          )}
        />
      )}
      control={control}
      name="food"
      defaultValue={defaultValue}
    />
  );
}