Fix ReferenceInput in ArrayInput

[fzaninotto]

Problem

When rendering a ReferenceInput inside an ArrayInput, the current value is never fetched.

Analysis

The current value is grabbed by useReferenceInputController as follows:

const currentValue = useWatch({ name: source });

The problem is, the source is no longer modified by the parent ArrayInput. So when using:

      <ArrayInput source="basket">
        <SimpleFormIterator>
          <ReferenceInput source="product_id" reference="products" />
          <NumberInput source="quantity" />
        </SimpleFormIterator>
      </ArrayInput>

ReferenceInput will get the current value from product_id instead of basket.0.product_id.

cf

react-admin/packages/ra-core/src/controller/input/useReferenceInputController.ts

Line 71 in 51e8a7c

const currentValue = useWatch({ name: source });

Solution

Use the useWrappedSource hook

To Do

• Fix <ReferenceInput>
• Fix <ReferenceArrayInput>