apollographql / apollographql/apollo-client-devtools

Active queries disappear when used with RedwoodJS

Open
#1,109 0 comments 0 reactions 0 assignees View on GitHub
🐞 bug
Dominant language
TypeScript
Stars
1.5k
Forks
172
Avg merge
10m
Merged PRs (30d)
8

Description

When using Apollo DevTools with [RedwoodJS ](https://redwoodjs.com/), the list of active queries will briefly appear, then a few seconds later disappear. This does not appear to be an issue with a vanilla app using Apollo. This appears to be an issue both in Chrome and Firefox, so it does not appear to be browser specific.

Here is a gif of the dev tools when loading a page in a Redwood app. Notice how the queries briefly appear, then disappear.

![redwood-devtools](https://github.com/apollographql/apollo-client-devtools/assets/565661/0d5ca9d6-0630-4ab9-a812-51513adf8ff8)

And here is a gif of the dev tools with a vanilla app. The queries remain.

![normal-devtools](https://github.com/apollographql/apollo-client-devtools/assets/565661/f659bd2d-32fd-46c2-8ba7-089323f3e25f)

## Reproduction steps

To reproduce, clone both the [Spotify showcase](https://github.com/apollographql/spotify-showcase) and the [RedwoodJSConf workshop](https://github.com/jerelmiller/redwoodjs-conf-2023-workshop) repos.

Follow the instructions to start the Spotify showcase to see how devtools work in a vanilla app.

You may use any of the workshop exercises to demonstrate the issue. Follow the instructions in the exercise to get the app started.

Contributor guide

Open the contributing guide

Research direction

Clone the Spotify showcase and RedwoodJSConf workshop repositories named in the reproduction steps, then follow each project's startup instructions. Compare Apollo DevTools behavior in the vanilla and RedwoodJS applications while observing why active queries disappear after appearing. Done means active queries remain visible in the RedwoodJS case as they do in the vanilla app, in both Chrome and Firefox.

Written by the indexing model from the issue text.

Assessment

Tech stack
graphql, typescript
Domain
devtools
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.