Infinite re-rendering using disabled AutocompleteArrayInput in a ReferenceArrayInput about react-admin

[fzaninotto]

No need for ReferenceArrayInput. Two autocompleteInputs are enough.

const PostEdit = () => (
  <Edit>
    <SimpleForm>
        <AutocompleteArrayInput source="authors" disabled choices={[]} />
        <AutocompleteArrayInput source="tag_ids" choices={[]} />
    </SimpleForm>
  </Edit>
);

Click on the second input to trigger the bug

[adguernier]

Reproduced, thanks for this report 🙏

[fzaninotto]

Interesting: I can reproduce with 2 ReferenceArrayInputs

const PostEdit = () => (
  <Edit>
    <SimpleForm defaultValues={{ average_note: 0 }} warnWhenUnsavedChanges>
      <ReferenceArrayInput source="authors" reference="users">
        <AutocompleteArrayInput fullWidth disabled />
      </ReferenceArrayInput>
      <TagReferenceInput reference="tags" source="tags" label="Tags" />
    </SimpleForm>
  </Edit>
);

But not with 1:

const PostEdit = () => (
  <Edit>
    <SimpleForm defaultValues={{ average_note: 0 }} warnWhenUnsavedChanges>
      <ReferenceArrayInput source="authors" reference="users">
        <AutocompleteArrayInput fullWidth disabled />
      </ReferenceArrayInput>
      {/*<TagReferenceInput reference="tags" source="tags" label="Tags" /> */}
    </SimpleForm>
  </Edit>
);

See my stackblitz https://stackblitz.com/edit/github-dmhu7h-ytpyvk?file=src%2Fposts%2FPostEdit.tsx

[fzaninotto]

I confirm the bug is triggered by having 2 ReferenceArrayInput in the same form, one of which at least uses a disabled AutocompleteArrayInput. This is probably a loop in the form state management. The trigger: React-hook-form removes disabled fields from the input state.

[fzaninotto]

The bug requires react-hook-form >= 7.49.1. It doesn't occur with v4.19.0.

It's probably caused by one of the two following changes:

• react-hook-form/react-hook-form#11277
• react-hook-form/react-hook-form#11291

See https://github.com/react-hook-form/react-hook-form/releases/tag/v7.49.1

[fzaninotto]

The bug occurs here in react-admin:

react-admin/packages/ra-core/src/form/useApplyInputDefaultValues.ts

Line 91 in 717d292

resetField(source, { defaultValue });

Commenting this line removed the bug.