Multiple warnings on react component

[notleanbarba]

Describe the bug When sending the form, console logs multiple warning regarding tag on search bar.

Codesandbox example https://codesandbox.io/p/sandbox/busy-hooks-9kfmct

To Reproduce Steps to reproduce the behavior:

1. Enter "John" in search box
2. Select any result
3. See error in console and window

Expected behavior No React warnings is expected

Screenshots

Additional context using "react": ">=16.0.0"

[YusufCelik]

I have the same issue! I cannot for the life of me understand why this suddenly happened. As the OG reports, it happens when you just select a result!

[YusufCelik]

Ok, I found the issue.

@notleanbarba, you need to have a name prop.

fuseOptions={{
    keys: [
      "customer_name",
      "hot_tub_id",
      "technician_name", // -> name
      "servicetime",
    ],
}}

 In my case it was changing resultStringKeyName...

[notleanbarba]

That works. Good catch!

Edit:

Error strings (For google search)

• "Warning: A component is changing a controlled input to be uncontrolled. This is likely caused by the value changing from a defined to undefined, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component."
• "ReactSearchAutocomplete.js:155 Uncaught TypeError: Cannot read properties of undefined (reading 'length')"
• "The above error occurred in the component:"

Possible improvement This issue report should be enough to document the warning. However, a try-catch could be added to handle this.