urql-graphql/urql-devtools-exchange

Urql Devtools Exchange is a small add-on package that connects your urql GraphQL client to the Urql DevTools browser extension. In plain terms, it lets you see what your app's data requests look like behind the scenes so you can debug and inspect them more easily. Urql is a tool that JavaScript apps use to fetch data from a server using GraphQL. The devtools exchange sits between your app and the server, acting as a wiretap. When your app asks for data, the exchange passes a copy of that request (and the response) to the browser extension, where you can review timing, payloads, and errors. Installing it is straightforward: you add the package to your project, then drop one line of code into your existing urql client setup to register the exchange. The README recommends placing it before other exchanges so it captures everything that flows through the pipeline. This package is for developers already using urql who want better visibility into their data layer. For example, if a screen is loading slowly or showing unexpected data, you can open the devtools panel, find the problematic request, and see exactly what was sent and returned. It is a debugging aid rather than something end users ever interact with. The project is actively maintained by Formidable, the same team behind urql itself, and they welcome contributions from people interested in devtools work. The README doesn't go into deeper detail on configuration or advanced usage beyond the basic setup shown above.