React Router devtools triggers algoliasearch client api error

[orjanmjelde-kantega]

Hi,

we have a javascript react-router project where we are using react-router-devtools. Lately devtools seems to trigger an api error in the algoliasearch client when running in development.

When using the algoliasearch client, the following error is printed:

ERROR Unknown parameter: data-rrdt-source <ref *1> ApiError: Unknown parameter: data-rrdt-source at deserializeFailure (file:///<our project>/node_modules/@algolia/client-common/src/transporter/helpers.ts:91:12) at retry (file:///<our project>/node_modules/@algolia/client-common/src/transporter/createTransporter.ts:194:13) at processTicksAndRejections (node:internal/process/task_queues:105:5) { stackTrace: [ { request: [Object], response: [Object], host: [Object], triesLeft: 3 } ], status: 400, error: [Circular *1] }

The parameter data-rrdt-source is a debug parameter that apparently is added by react-router devtools, and lately this has started to trigger the api error in the algolia client.

Here are our dependencies from package.json:
"react-router": "^7.9.3",
"react-router-devtools": "^5.1.3",
"algoliasearch": "^5.39.0",

Any suggestions on how to best resolve this?

thanks,
Ørjan Mjelde

[millotp]

Hello @orjanmjelde-kantega,

This error seems to be returned by the Algolia API directly, this mean that the dev tool is injecting data-rrdt-source into the body of the http request ?

I think this is not an issue with the client but with the dev tool, any API can reject unknown parameters.
Maybe you can configure the dev tool to not inject this parameter ? This is not something we want to hardcode in the client.