Cannot see ReactQueryDevtools

[bestickley]

Hi, I have a main.tsx that looks like this and I cannot see the dev tools. Any idea what I'm doing wrong?

import { render } from "react-dom";
import { StrictMode } from "react";
import { BrowserRouter } from "react-router-dom";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
import { App } from "./App.js";
import { ErrorBoundary, NotificationsProvider } from "gboost-ui";
import { trpc, trpcClient } from "./trpc.js";
import { isLocal } from "./config.js";

const queryClient = new QueryClient({
  defaultOptions: {
    queries: {
      refetchOnWindowFocus: !isLocal,
    },
  },
});

render(
  <StrictMode>
    <trpc.Provider client={trpcClient} queryClient={queryClient}>
      <QueryClientProvider client={queryClient}>
        <ErrorBoundary>
          <BrowserRouter>
            <NotificationsProvider>
              <App />
            </NotificationsProvider>
          </BrowserRouter>
        </ErrorBoundary>
        <ReactQueryDevtools initialIsOpen={false} />
      </QueryClientProvider>
    </trpc.Provider>
  </StrictMode>,
  document.getElementById("app")
);