SWR DevTools

A devtools for SWR to enable you to inspect your SWR cache data.

Download

You can download SWRDevTools extensions at the following.

How to use

First, you can install swr-devtools and wrap your app with the SWRDevTools component


import { createRoot } from "react-dom/client";
import { SWRDevTools } from "swr-devtools";

createRoot(document.getElementById("app")).render(
  <SWRDevTools>
    <MainApp />
  </SWRDevTools>
);

Then, open the SWR Devtools from the browser's developer tools

Online Demo

App

/api/hello...loading(auto increment in 5 seconds)

/api/hello?foo...loading

SWR