apollographql / apollographql/apollo-client-devtools

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

Open
#1,420 5 comments 0 reactions 0 assignees View on GitHub
⚛️ react-native-debugger
Dominant language
TypeScript
Stars
1.5k
Forks
172
Avg merge
10m
Merged PRs (30d)
8

Description

**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

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the reported setup: install Chrome extension 4.15.2, run the React Native app in DEV mode with connectToDevTools: true, and observe the Chrome connection timeout. Determine whether the Chrome extension can connect without Flipper or React Native Debugger; done means the supported setup is documented or the connection works in that configuration.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
devtools, mobile-dev
Issue type
Bug
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.