apollo-client-devtools icon indicating copy to clipboard operation
apollo-client-devtools copied to clipboard

Published 20 hours ago • verified publisher icon apollographql

Use the tool on a React Native project without Flipper or react-native-debugger app

Open fabiendem opened this issue 8 months ago • 5 comments

Intended outcome:

I want to use the Apollo Client Devtools in a React Native project, without Flipper or the React Native Debugger (https://github.com/jhen0409/react-native-debugger).

https://github.com/jhen0409/react-native-debugger is gradually losing love from the RN community because Flipper was the go to solution. Now Flipper is getting replaced with an integrated Chrome debugger.

Actual outcome:

I have added the extension to my browser, but without much surprise, it doesn't connect to my react native app. I'm curious if I am missing something, or if it's not possible for now.

Thank you!

How to reproduce the issue:

  • Install the Chrome extension
  • Start the RN app in DEV mode, with connectToDevTools: true,
  • Try to connect the client to the dev tool in Chrome
  • It times out

Desktop (please complete the following information):

  • OS: [e.g. iOS] Android
  • Browser [e.g. chrome, safari] Chrome
  • Browser version [e.g. 22] 126.0.6478.62 (Official Build) (arm64)
  • Extension version [e.g. 3.0] Latest 4.15.2

fabiendem avatar Jun 19 '24 15:06 fabiendem