Stuck in "Waiting for exchange"

[tomconnors]

trafficstars

Hello and thanks for URQL.

I'm attempting to set up the devtools in a basic web app. I've added the devtools exchange to the client, but the URQL panel in the dev tools says "Waiting for exchange". How can I debug this?

Here's my client config code for reference:

import { Client, fetchExchange, gql } from "@urql/svelte";
import { cacheExchange } from "@urql/exchange-graphcache";
import { devtoolsExchange } from "@urql/devtools";
import * as util from '@/lib/util';

export default function client() {
    const client = new Client({
        url: "http://localhost:4040/api/report-graphql",
        exchanges: [
            devtoolsExchange,
            cacheExchange({ ... }),
            fetchExchange,
        ],
        fetchOptions: () => {
            const csrfToken = util.csrfToken();
            return {
                headers: { "X-CSRF-Token": csrfToken },
            };
        },
    });

    return client;
}

[ryu-liam]

Same issue to me😬

[gercordero]

@kitten Hello, excuse me for tagging you directly but I saw that you're an active maintainer in the main urql repo! Are you guys still maintaining the devtools? I'm getting this issue in both FIrefox and Chrome, this repo seems to be quite outdated, are any of you planing on updating it any soon? 😄

[onx2]

bump on this -- is this exchange officially unmaintained? I'd really love to be able to use it if possible.

Edit: It looks like debugExchange might be the best option for the moment. The chrome extension doesn't exist anymore and the FF one isn't recognizing the devtools exchange.