AutocompleteArrayInput defaultValue not working

[jogibs]

I have a custom dashboard page, where I save certain IDs for a resource and save them in local storage, and the code looks something like this:

const MyDialog = () => {
  const [marketIds, setMarketIds] = useLocalStorage<string[]>('marketIds', []);

  return (
    <Dialog>
      <DialogContent>
        <SimpleForm toolbar={false}>
          <ReferenceArrayInput source="markets" reference="Market">
            <AutocompleteArrayInput
              optionText="name"
              onChange={(values) => {
                setMarketIds(values);
              }}
              defaultValue={marketIds}
              fullWidth
            />
          </ReferenceArrayInput>
        </SimpleForm>
      </DialogContent>
    </Dialog>

  )
}

Now, the thing is, this code works fine if the marketIds are entries from one of the first 25 items that it pulls once it's mounted, but if it's not, then the markets input is just blank.

My question is: is there a way to preload the defaultValue entries on mount?

One way I've tried it was with passing the filter={{ ids: marketIds }} to <ReferenceArrayInput />, but this filter is obviously static, so that would affect all subsequent autocomplete queries

I'm using react-admin version 4.1.2

[antoinefricker]

Reproduced and fixed! 👍 @djhi