react-admin: Filter with SelectInput shows wrong values

Question

The following filter in my react-admin app leads to the list showing both records with status === "active" and records with status === "inactive". It should show only records with status === "active".

<SelectInput 
  alwaysOn 
  source="status" 
  choices={[
    { id: "lead", name: "Lead" },
    { id: "active", name: "Aktiv" },
    { id: "inactive", name: "Inaktiv" },
  ]} 
/>

It seems like it includes records with status === "inactive" because "inactive" contains the substring "active".

Can I do something about that? Have I misconfigured my DataProvider? I am using react-admin-firebase.

sunn0 · Accepted Answer · 2021-03-31 13:26:01Z

1

react-admin-firebase always does fuzzy search when searching for strings:

 const isStringSearch = typeof searchValue === 'string';
  if (isStringSearch) {
    return searchThis
      .toString()
      .toLowerCase()
      .includes(searchValue.toLowerCase());
  }

Source

One solution would be to use numbers for status instead:

<SelectInput 
  alwaysOn 
  source="status" 
  choices={[
    { id: 1, name: "Lead" },
    { id: 2, name: "Aktiv" },
    { id: 3, name: "Inaktiv" },
  ]} 
/>

Another solution is to enable lazy loading to search directly against your firebase.

answered Mar 31, 2021 at 13:26

sunn0

3,0561 gold badge26 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

react-admin: Filter with SelectInput shows wrong values

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related