Selecting an item in ReferenceArrayInput does get

What you were expecting:

No GET request

What happened instead:

A GET request

Steps to reproduce:

I have a relatively simple form:

import * as React from 'react';
import { Create, SimpleForm, TextInput, ReferenceArrayInput, SelectArrayInput } from 'react-admin';

const resourceSort = { field: 'resource', direction: 'asc' };

export const RoleCreate = (props: any) => (
  <Create {...props}>
    <SimpleForm>
      <TextInput source="name" />
      <ReferenceArrayInput source="permissions" reference="permissions" sort={resourceSort}>
        <SelectArrayInput optionText="action" />
      </ReferenceArrayInput>
    </SimpleForm>
  </Create>
);

After selecting an item in the dropdown a GET request is performed to:

Request URL: http://localhost:5201/api/permissions?id=69437072-89a2-496c-ade8-3970e7cd0841

I see no reason for this since we already have a list.

Related code:

In steps to reproduce.

Other information:

Environment

• React-admin version: 4.0.0-rc.0
• React version: 17.0.2
• Browser: Chrome

Additional

Bonus question: I also notice that <Edit /> sends both the ids and the objects. Is this on purpose? Can I disable one or the other? See screenshot for what I mean. This is after updating a permission id.

[slax57]

@slax57 Any updates from RA on this issue? It’s one of the things keeping our team from migrating to 4.0 since our larger forms with many ReferenceInputs get bogged down making unnecessary calls, and performance grinds to a halt.

Hi! We will try to include an improvement for this in the next minor release (4.1.0), but I can’t guarantee it, since the fix will probably not be trivial and require some time and thinking through to deal with the underlying react-query behaviour.

[RWOverdijk]

@ZachSelindh I’d assume that if there were updates they’d be added here.

Another option is to try and fix it yourself. It sounds pretty important to you, so it’s worth spending time on.