SWR DevTools

A developer tool for SWR to help you debug SWR Cache.

Download

You can download the SWRDevTools extension at the following.

Setup (SWR v1 only)

  • [SWR v1.x only] Install swr-devtools and wrap your application with the SWRDevTools component. Please see the more details in the documentation

Features

Open the Developer Tools of browsers and select the SWR Panel, you can see the following panels.

Cache Panel

The Cache panel shows SWR Cache data on the page.

A screenshot of cache panel

History Panel

The History panel shows logs of fetcher results.

A screenshot of history panel

Network Panel (Experimental)

The Network panel shows a waterfall chart of fetcher results.

A screenshot of network panel

Online Demo

You can try SWRDevTools on this page!

App

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

/api/hello?foo...loading

SWR