Apollo Client Dev Tools get stuck

[stazcp]

Intended outcome:
Dev Tools Shows the actual queries live and doesn't get stuck.

Actual outcome:
Dev Tools work at times and other times they get stuck showing some queries and not updating when refreshing the page or visiting other pages, it also stops showing new incoming queries.

The workaround is to clear the browser cache and reload the dev tools.

How to reproduce the issue:
Use the dev tools in Chrome or Brave browsers.

Desktop (please complete the following information):

• OS: Mac
• Browser [e.g. chrome, safari]: Chrome and Brave
• Browser version [e.g. 22]: latest
• Extension version [e.g. 3.0]: latest

I am trying to increase adoption of useQuery by Apollo because of the ability to use these dev tools so I want to make sure it won't keep getting stuck and make it painful for us to work with.

[jerelmiller]

Hey @stazcp 👋

Thanks for the report and apologies for the difficulty in getting this to work! We've done a lot of updates to the message passing recently to try and make them a bit more robust, but still seems we have some work to do!

By chance do you have an app we can test this against? Unfortunately our demo app that we're using to test the devtools doesn't seem to show this behavior, so its been a bit difficult for us to really dig in to see what might be happening. A lot of the work at this point is a bit of guess work. Any more information you can help us with here would go a long ways!

We'd love to get this fixed! I'll keep poking at the reloading code to see if there is anything that sticks out to me. Hope we can get this figured out soon!

[stazcp]

I also noticed this issue has been brought up before
similar issue: #108

screen-recording-2024-04-12-at-61124-pm_apSMmxRu.mp4

as you can see on the video provided I am performing queries and the tool has recorded 3 of them and now it has stopped working completely.

Forgot to post this comment.

Unfortunately, I cannot share this app with you since it is paid for, after restarting the dev tools a few times it seems to be working now. So I am not able to reproduce consistently but it does get stuck multiple times per day.

Ways to potentially reproduce were:

• making a change on my code and refreshing the page got it stuck.
• long time of inactivity

Although I cannot reproduce 100% of the time, sometimes I just do something else and come back to the window to find it stuck again.

Tech Stack: React, Typescript, Webpack

[jerelmiller]

Appreciate the info! I'm hoping to dig in a little more this week and see if I can figure something out. Again, sorry for the issue!