swr-devtools

A DevTools for SWR

This only supports SWR v1 or later versions.

How to use

Install the SWRDevTools extension

• Chrome
  • https://chrome.google.com/webstore/detail/swr-devtools/liidbicegefhheghhjbomajjaehnjned
• Firefox
  • https://addons.mozilla.org/en-US/firefox/addon/swr-devtools/

(SWR v1) Wrap your application in the SWRDevTools component

This instruction is only required with SWR v1

⚠️ If you use SWR v2 or later versions, you don't need to install swr-devtools and wrap your application. SWR Devtools does it for you.

npm install swr-devtools
# Install peerDependencies
npm install react swr

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

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

Packages

package	description
swr-devtools	A React component to inject your application
swr-devtools-extensions	A Chrome extension for the SWR DevTools
swr-devtools-panel	A React component for the SWR DevTools panel

Online Demo

https://swr-devtools.vercel.app

LICENSE

MIT