Make Query Widget detachable

[Assad-Ashraf]

Hi, I have worked on Redux Toolkit. You people are taking the React Lovers to heavenly env by this package. I was wondering if we can make the widget detachable from window?
I am a MERN stack developer and can contribute to implement this idea too.

[TkDodo]

are you talking about the devtools ? What would detachable mean exactly?

[Assad-Ashraf]

yes i am asking about devtools, was thinking if they can come out of the tab and become a separate tab to play with. so that one can see all the browser's tab as their application and devtools are in separate tab/window.

[TkDodo]

I don't think we can easily make it as its own browser tab because browser tabs can't easily communicate with each other.

[DamianOsipiuk]

This is circling back to the old idea of converting Devtools from a react component to a browser extension.
It could be tailored to handle all of tanstack packages via a single browser extension.

And yes, making it work is a mess, but it could be based on existing work 👀 Vue Devtools, React Devtools etc.

[Assad-Ashraf]

Yup making an extension for React Query can easily help do this, @TkDodo if you people are looking for a hand to start this idea. I can start working on it as a side project. It's a need anyways, because inspect tab like view of RQ tools makes the actual app interaction loose.

[TkDodo]

sure, feel free to start working on it on your own terms and then we can circle back once you have something 👍