Suppress ReactQueryDevtools hydration warnings

[melanieseltzer]

This seems to get rid of the warnings for me (tested in my own app and in the Next.js example, by linking to the local react-query). Not sure if I got all scenarios that would trigger a warning - we could add this suppression to all elements to be safe?

It can't just be at the root because it only works one level deep, so need to put it on each element directly that triggers this warning.

Closes #1543

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/tannerlinsley/react-query/3re1rts5q
✅ Preview: https://react-query-git-fork-melanieseltzer-suppress-devtools-warnings.tannerlinsley.vercel.app

[melanieseltzer]

Test passes locally 🤔

[tannerlinsley]

It should only be required once. Try placing it on the first actual html element in the panel component.

[melanieseltzer]

So it doesn't seem to work when placing it on the first wrapping element unless I'm missing something... these are the elements I've tried putting it on (these are the only elements that have children):

It's only working if I place it directly on the element that generates the warning (there are a couple different warnings).

[tannerlinsley]

🎉 This PR is included in version 3.5.14 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀