react-scan fails to load

Author: pedro757Created May 15, 2026Updated May 15, 2026

react-scan fails to load on what I assume is a poor internet connection issue. Sometimes appear, sometimes it doesn't. I guess it is because it relies on internet connection and CDNs, in the script tag.

Can we make it more like Tanstack devtools? Tanstack devtools always pop up.

typescript

export function Devtools() {
  return (
    <TanStackDevtools
      plugins={[
        {
          name: "TanStack Query",
          render: <ReactQueryDevtoolsPanel />,
        },
        formDevtoolsPlugin(),
      ]}
    />
  );
}

Then I use it in root layout.tsx like this:

typescript

export default function RootLayout(props: RootLayoutProps) {
  return (
    <html>
      <head></head>
      <body>
          {props.children}
          {process.env.NODE_ENV !== "production" && <Devtools />}
      </body>
    </html>
  );
}

Tanstack never fails to load. react-scan does, and very often.

Source: aidenybai/react-scan

View original on GitHub View discussion on GitHub