Apollo-client-devtools: Query tab goes blank

[konsumer]

There is no error, but when I click on the Query tab, it goes blank. The other tabs work fine. I'm not sure how to reproduce without an error message. If I refresh, I can click on the other tabs again, but then if I click on the Query tab, it goes blank again.

[jetzhou]

This is the console error from extension:

devtools.js:formatted:31186 TypeError: Cannot read property 'body' of undefined
    at b (devtools.js:formatted:33706)
    at t.value (devtools.js:formatted:33761)
    at devtools.js:formatted:33781
    at Array.map (<anonymous>)
    at t.value (devtools.js:formatted:33780)
    at u (devtools.js:formatted:30563)
    at beginWork (devtools.js:formatted:30782)
    at r (devtools.js:formatted:31025)
    at o (devtools.js:formatted:31048)
    at a (devtools.js:formatted:31071)
u @ devtools.js:formatted:31186
a @ devtools.js:formatted:31085
k @ devtools.js:formatted:31324
w @ devtools.js:formatted:31303
batchedUpdates @ devtools.js:formatted:31973
st @ devtools.js:formatted:29054
Xt @ devtools.js:formatted:29433
devtools.js:formatted:33706 Uncaught TypeError: Cannot read property 'body' of undefined
    at b (devtools.js:formatted:33706)
    at t.value (devtools.js:formatted:33761)
    at devtools.js:formatted:33781
    at Array.map (<anonymous>)
    at t.value (devtools.js:formatted:33780)
    at u (devtools.js:formatted:30563)
    at beginWork (devtools.js:formatted:30782)
    at r (devtools.js:formatted:31025)
    at o (devtools.js:formatted:31048)
    at a (devtools.js:formatted:31071)
b @ devtools.js:formatted:33706
value @ devtools.js:formatted:33761
(anonymous) @ devtools.js:formatted:33781
value @ devtools.js:formatted:33780
u @ devtools.js:formatted:30563
beginWork @ devtools.js:formatted:30782
r @ devtools.js:formatted:31025
o @ devtools.js:formatted:31048
a @ devtools.js:formatted:31071
k @ devtools.js:formatted:31324
w @ devtools.js:formatted:31303
batchedUpdates @ devtools.js:formatted:31973
st @ devtools.js:formatted:29054
Xt @ devtools.js:formatted:29433

[Jayphen]

I have this same issue. apollo-client 2.4.3. Also getting the same 'body of undefined' error.

Note this only started occurring after recently updating some Apollo-related packages. Here are the ones in question:

apollo-client 2.3.8 -> 2.4.3
apollo-link 1.2.0 -> 1.2.3
apollo-link-http 1.3.0 -> 1.5.5
apollo-link-state 0.4.1 -> 0.4.2
apollo-utilities 1.0.3 -> 1.0.23
graphql 0.13.2 -> 14.0.2

[chrisbutler]

Seeing this with Apollo Client 2.4.4 also

[hwillson]

We have a fix ready for this in https://github.com/apollographql/apollo-client-devtools/pull/149. It would be great to get some extra testing on the fix before pushing it out. If anyone here is able to try it out, and report back, that would be awesome.

Code steps:

git clone https://github.com/apollographql/apollo-client-devtools.git
cd apollo-client-devtools
git checkout hwillson/issue-137
npm install
npm run build

Chrome steps:

• Open chrome://extensions
• Enable the "Developer Mode" checkbox
• Click "Load unpacked"
• Select the apollo-client-devtools/shells/webextension folder

[jetzhou]

Just tried it out, working on my machine! Thanks @hwillson!

[chrisbutler]

@hwillson this works for me also. thank you!

[hwillson]

Version 2.1.5 should now be available (it might take an hour of so to fully propagate across Chrome/FF web stores). Thanks all!