[@dev-plugins/apollo-client]: Missing query data. Not showing any mutations

[Tobbe]

Hi!

I just tried the Apollo Client dev plugin. I'm not sure what to expect really (some screenshots or even a short video in the docs would be useful 🙂)

When I execute a query in my app this is all I see in the devtools

Is that all that I should expect? Or should it show what data was returned as well? And should it show the updated cache?

And after I run a mutation nothing shows up in the dev tools

Is mutations support implemented?

Here's my react-native info output. Not sure if any of this is helpful or not

System:
  OS: macOS 15.1.1
  CPU: (12) arm64 Apple M3 Pro
  Memory: 154.08 MB / 36.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 22.12.0
    path: /usr/local/bin/node
  Yarn:
    version: 4.5.1
    path: /usr/local/bin/yarn
  npm:
    version: 10.9.0
    path: /usr/local/bin/npm
  Watchman:
    version: 2024.12.02.00
    path: /opt/homebrew/bin/watchman
Managers:
  CocoaPods:
    version: 1.16.2
    path: /Users/tobbe/.rbenv/shims/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 24.1
      - iOS 18.1
      - macOS 15.1
      - tvOS 18.1
      - visionOS 2.1
      - watchOS 11.1
  Android SDK:
    API Levels:
      - "34"
      - "35"
    Build Tools:
      - 34.0.0
      - 35.0.0
    System Images:
      - android-34 | Google Play ARM 64 v8a
      - android-35 | Google APIs ARM 64 v8a
      - android-35 | Google Play ARM 64 v8a
    Android NDK: Not Found
IDEs:
  Android Studio: 2024.2 AI-242.23339.11.2421.12700392
  Xcode:
    version: 16.1/16B40
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.13
    path: /usr/bin/javac
  Ruby:
    version: 3.3.6
    path: /Users/tobbe/.rbenv/shims/ruby
npmPackages:
  "@react-native-community/cli":
    installed: 15.1.3
    wanted: ^15.1.3
  react:
    installed: 18.3.1
    wanted: 18.3.1
  react-native:
    installed: 0.76.5
    wanted: 0.76.5
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: Not found
  newArchEnabled: Not found
iOS:
  hermesEnabled: Not found
  newArchEnabled: Not found

Using [email protected].

I create apollo client like this

export const apolloClient = new ApolloClient({
  cache: new InMemoryCache(),
  link: createHttpLink({
    uri: GRAPHQL_URL,
    credentials: "include",
  }),
});

And then at the very top of my root layout I initialize the dev tools like this

export default function RootLayout() {
  useApolloClientDevTools(apolloClient);

And further down I pass the same client to the apollo provider:

  return (
    <SafeAreaView
      style={{ flex: 1, backgroundColor: styles.contentStyle.backgroundColor }}
      edges={["right", "bottom", "left"]}
      onLayout={onLayout}
    >
      <SystemBars style="dark" />
      <KeyboardProvider>
        <AuthProvider>
          <ApolloProvider client={apolloClient}> {/* <-- Here */}
            <ThemeProvider

Does anything look off?