Apollo Client Developer Tools

Download / Install How to install an extension

CRX id

jdkknkkbebbapilgoeccciglkfbmbnfm

Description from extension meta

GraphQL debugging tools for Apollo Client in the Chrome developer console.

Image from store Apollo Client Developer Tools

Description from store Apollo Client Developer Tools is a Chrome DevTools extension for the open-source JavaScript GraphQL client, Apollo Client. The extension has 3 main features: 1. A built-in GraphiQL console that allows you to make queries against your GraphQL server using your app's network interface directly (no configuration necessary). 2. A query watcher that shows you which queries are being watched by the current page, when those queries are loading, and what variables those queries are using. 3. A mutation inspector that displays the mutations made to you apollo-client app data. 4. A cache inspector that displays your client-side Redux store in an Apollo-Client-friendly way. You can explore the state of the store through a tree-like interface, and search through the store for specific field keys and values. The extension will work with Apollo Client versions 0.5.18 and above! You can learn more about Apollo Client for GraphQL from these resources: http://dev.apollodata.com/ https://github.com/apollostack/apollo-client Code for this extension is open-sourced at: https://github.com/apollostack/apollo-client-devtools

Latest reviews

(2025-05-15) Arno Hilke: Invaluable for debugging
(2025-05-02) Abhishek Ghosh: Does not work on my chrome
(2024-08-10) Aurora Apps: Perfect
(2024-08-01) Andrew Bonifacio: Works like a charm
(2024-07-19) Jacob Sebastian: It works fine... Saver
(2024-07-12) Steven Coltman: Works :)
(2024-06-17) Andrii Dovhopolov: Extension does not work for Apollo Client 3.9.2 . It simply does not see GraphQL. window.__APOLLO_CLIENT__ is present. It's not a bug with GraphQL. connectToDevTools was EXPLICITLY set to true. App is running in dev mod. window.__APOLLO_DEVTOOLS_GLOBAL_HOOK__.ApolloClient IS present. Yes, my client is created within 10 sec of first load. No, waiting for another 10 sec did not help. "An Apollo Client instance was not found, either because an Apollo Client instance was never created, or because it could not be discovered. This is most commonly fixed by setting the connectToDevTools option to true."
(2024-06-10) j l: DOES NOT WORK ANYMORE. Uncaught runtime errors: ERROR Cannot convert object to primitive value TypeError: Cannot convert object to primitive value I thought it was something wrong with my app. No, its wrong with this plugin.
(2024-05-30) Jakob Kielland: Straight up doesn't show up in the UI. No sign of it even being installed, other than seeing in my list of extensions.
(2024-05-30) Ivan Grekov: My mf proj structure stoped working due to this ext, when I tried to switch between pages
(2024-04-11) Kevin Marlow: Wasted an entire day trying to figure out why my NextJS 13 app was failing in-app redirects. This was the culprit. Once I removed this, it all worked. The error I hit was "TypeError: Cannot convert object to primitive value" when loading some of my pages.
(2024-04-03) M T: nice
(2024-02-19) mcquiggd: Installed in edge, refreshed the page... and can now see queries, execute them in a useful dev environment. Useful.
(2024-02-02) YoungJae Ji: very sad. it's not working. I hope one day it will work but this is third time coming back realizing not gonna happen
(2024-02-01) Brandon Moore: Obnoxiously unnecessary. None of the projects I work on would be needed by this extension... but there's no way to prevent it from showing in the console log. (even if I add a filter, it will still display as a message). Why would the chrome developers force a message that isn't critical to the browser? I guess I'll have to start debugging the console in a different browser now.
(2024-01-23) Grant Walker: Mixed response. Sometimes the queries/cache populate, sometimes not. Currently its not working at all
(2024-01-18) Mayank Mishra: Doesn't work at all. Please fix this and update your extension after testing in every browser.
(2024-01-14) Pouria Mirebrahimi: It'a not working on chrome version 120 even
(2023-12-22) Ralph Schmieder: works perfectly fine with Chrome version 120. As others have noted, support must be enabled in your app.
(2023-12-20) SᴇᴘSᴏʟ: Does not work in the latest Chromium-based MS Edge
(2023-12-05) Daniel Tendero: Not working at all. With connectToDevTools to true neither
(2023-10-16) Sebastian Findling: It works fine after setting connectToDevTools to true in ApolloProvider.js (Oct 2023)
(2023-10-16) Sebastian Findling: It works fine after setting connectToDevTools to true in ApolloProvider.js (Oct 2023)
(2023-10-13) Ярослав Ахромеев: It's working but we have to be able to set the column's width, otherwise it's really hard to use the extension
(2023-10-13) Ярослав Ахромеев: It's working but we have to be able to set the column's width, otherwise it's really hard to use the extension
(2023-09-07) Botond Bertalan: Sorry, it does not work, even if I set: connectToDevTools to true. Also when I add it I get 3 build errors: 2 of them are: "Unhandled Runtime Error TypeError: Cannot read properties of undefined (reading 'getObservableQueries')" And the third is: "Unhandled Runtime Error Error: There was an error while hydrating. Because the error happened outside of a Suspense boundary, the entire root will switch to client rendering." It is on apple silicon and node v16
(2023-09-07) Botond Bertalan: Sorry, it does not work, even if I set: connectToDevTools to true. Also when I add it I get 3 build errors: 2 of them are: "Unhandled Runtime Error TypeError: Cannot read properties of undefined (reading 'getObservableQueries')" And the third is: "Unhandled Runtime Error Error: There was an error while hydrating. Because the error happened outside of a Suspense boundary, the entire root will switch to client rendering." It is on apple silicon and node v16
(2023-08-26) Update: it does work, but you have to explicitly set `connectToDevTools: true`, despite the documentation saying this is unnecessary in dev mode. https://www.apollographql.com/docs/react/development-testing/developer-tooling/#configuration
(2023-07-20) Gio Romanadze: not working
(2023-07-20) Gio Romanadze: not working
(2023-06-23) Anatoliy Stukota: The advice in the Chrome console is still bothering me, even with the installed Apollo DevTools
(2023-06-23) Anatoliy Stukota: The advice in the Chrome console is still bothering me, even with the installed Apollo DevTools
(2023-06-15) Ben Chen: Was not working for me until I explicitly set `connectToDevTools` to `true` https://www.apollographql.com/docs/react/development-testing/developer-tooling/#configuration Now it's working great in development.
(2023-06-15) Ben Chen: Was not working for me until I explicitly set `connectToDevTools` to `true` https://www.apollographql.com/docs/react/development-testing/developer-tooling/#configuration Now it's working great in development.
(2023-05-19) Mathieu Lessard: It works. It doesn't work. It works. It doesn't work. It works. It doesn't work. It is a very good tool. If it was dependable too it would be great.
(2023-05-19) Mathieu Lessard: It works. It doesn't work. It works. It doesn't work. It works. It doesn't work. It is a very good tool. If it was dependable too it would be great.
(2023-05-12) Denis Senokosov (dennni): It just does not work
(2023-05-12) Denis Senokosov (dennni): It just does not work
(2023-05-04) Works after installing and then removing and re-installing.
(2023-04-11) Dominic Bouchard: Doesn't work. No documentation whatsoever. No support/update. What is this?
(2023-04-11) Dominic Bouchard: Doesn't work. No documentation whatsoever. No support/update. What is this?
(2023-04-01) Katleho Komeke: I downloaded the chrome extension. It's not working. I also downloaded the firefox extension. Also not working. The extension doesn't even show up when you open the dev tools.
(2023-04-01) Katleho Komeke: I downloaded the chrome extension. It's not working. I also downloaded the firefox extension. Also not working. The extension doesn't even show up when you open the dev tools.
(2023-03-23) Doesn't work and isn't sufficiently documented
(2023-02-02) Jason Perrone: It doesn't do anything. The Queries tab, Mutations tab and Cache tab are all always blank, 100% of the time.
(2023-02-02) Jason Perrone: It doesn't do anything. The Queries tab, Mutations tab and Cache tab are all always blank, 100% of the time.
(2023-01-26) Furnibay Shop: Doesnt work on Mac OSX
(2023-01-26) Furnibay Shop: Doesnt work on Mac OSX
(2022-12-14) Souvik Basu: Most reviews mention that the extension is not working probably because they are trying to access a live site. It works perfectly well for http://localhost. If not try adding `connectToDevTools: true` property to your ApolloClient instance. The team should have mentioned this properly in the description
(2022-12-14) Souvik Basu: Most reviews mention that the extension is not working probably because they are trying to access a live site. It works perfectly well for http://localhost. If not try adding `connectToDevTools: true` property to your ApolloClient instance. The team should have mentioned this properly in the description

Statistics

Installs

200,000

Links

Extension in store

Web page

Developer e-mail