Devtools not working on React Native Web

[Estevete]

Describe the bug

Devtools are not working on React Native Web anymore. In v3, it used to work.

Your minimal, reproducible example

https://github.com/TanStack/query/tree/main/examples/react/react-native example

Steps to reproduce

1. Get the https://github.com/TanStack/query/tree/main/examples/react/react-native example
2. In file App.tsx, import & add <ReactQueryDevtools /> inside QueryClientProvider
3. Launch project
4. If package expo-font missing, add it. (v10.0.3)

Expected behavior

Devtools should be displayed, like v3.

How often does this bug happen?

No response

Screenshots or Videos

No response

Platform

• OS: Windows
• Browser: Chrome
• Version: 103.0.5060.134

react-query version

5.0.10

TypeScript version

4.3.5

Additional context

No response

[TkDodo]

could this be related to #4017 and thus eventually to #3882 ?

If you see null being rendered, my guess is that the wrong entry point is being picked up.

[Fogh]

I have the same problem in v4. The Dev tool icon is not showing up

[TkDodo]

@Estevete @Fogh can you please try it out with v4.3.0-beta.0 ?

[YZahringer]

@TkDodo on my side, the web app crash with the v4.3.0-beta.0

Works well in 4.0.10, but without the DevTools.

[TkDodo]

Which bundler are you using? Seems to be the same as:

• ESM support #3882 (comment)

[YZahringer]

I use webpack 4.46.0 with Expo CLI

[TkDodo]

@YZahringer @Fogh @Estevete can you please try out the latest beta version to see if it fixes your issue?

• https://github.com/TanStack/query/releases/tag/v4.3.0-beta.3

[YZahringer]

Everything works fine on my side with Expo SDK 46 on Web.
@TkDodo Thanks a lot 👍