Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Devtools not working on React Native Web

See original GitHub issue

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

Get the https://github.com/TanStack/query/tree/main/examples/react/react-native example
In file App.tsx, import & add <ReactQueryDevtools /> inside QueryClientProvider
Launch project
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

Issue Analytics

State:
Created a year ago
Reactions:4
Comments:8

Top GitHub Comments

3reactions

YZahringercommented, Aug 23, 2022

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

2reactions

TkDodocommented, Aug 23, 2022

@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

Top Results From Across the Web

Debugging - React Native

Select Tools → Developer Tools from the Chrome Menu to open the Developer Tools. You may also access the DevTools using keyboard shortcuts...

Using react-devtools with React Native | by Brent Vatne

Add “devtools”: “react-devtools” under scripts in package.json. npm run devtools; Now when you run your app it will connect and display the component...

React tab is not showing with Chrome's react developer tools ...

2 Answers 2 · Restart atom editor if open · Go to Nuclide menu in atom -> React -> Toggle Inspector which will...

React devtools extension not working on my application - Reddit

Hi all, ever since Chrome latest update (99), the react devtools extension does not work anymore on my application. It detects React correctly ......

Debugging React Native with react-native-debugger

Safari Developer Tools ... You do not need to enable "Debug JS Remotely" to debug the iOS version of your app with Safari....