swr-devtools doesn't work in nextjs13 project with chrome

using [email protected] and [email protected]

I wrapped the SWRDevTools at the top client component and there's no errors up in chrome console, but it seems nothing happened at the swr panels when I fetch some data.

Is it supported in nextjs app?

Oct 08 '23 01:10 QingjiaTsang

Yes, I think SWRDevTools should work with Next v13. In this case, you don't wrap your application with <SWRDevTools />

https://github.com/koba04/swr-devtools#how-to-use

I expect you can see cache data on the SWRDevTools panel only by installing a SWRDevTools extension. Could you reload the page while opening the SWRDevTools panel if you can't see data on the panel?

https://github.com/koba04/swr-devtools#install-the-swrdevtools-extension

Oct 08 '23 16:10 koba04

We use next.js v13.5.3 and it didn't work as well. When adding <SWRDevTools /> in our layout it worked.

I've seen in the examples you have one using v13.1.6, so maybe it's a more recent change to next.js which broke the SWRDevTools automatic injection.

Oct 11 '23 00:10 fgascon

Thank you! I'll update the Next version to the latest and test it.

Oct 11 '23 00:10 koba04

I can reproduce it and will try to fix it. Sometimes, the SWRDevTools display cache data correctly, so I assume a connection problem between an application and the Chrome extension process causes this.

Oct 11 '23 15:10 koba04

Using Chrome v120 I'm not able to get it working with or without the <SWRDevTools> component wrapping my app. It also doesn't work at https://swr-devtools.vercel.app/.

However, it does work in Firefox.