react-scan Is it working for Nextjs 14 with React 18?

I am using 0.2.7 and the 'inspector' functionality doesn't seem to work. I click the React Component but it doesn't show the details at all.

I did implement by creating 'ReactScan' component and make sure that it's the first import under app/layout.tsx and put it right as first line under 'html'

I wonder if react-scan only works for react 19 and above? I do get FPS and I do get highlights when component is rendering. I tried the 'log' flag to true and I do get list of components being rendered but it doesn't log out the details of why it changed.

Feb 27 '25 19:02 acho1833

When I use

<script src="https://unpkg.com/react-scan/dist/auto.global.js" />

That worked but I prefer to load through component if possible.

Feb 28 '25 01:02 acho1833

I'm getting the same issue - the inspector does not work when using the hook or component

Mar 07 '25 16:03 sevgit

Maybe someone can create a test project, make sure that after doing what the author says, it still doesn't solve the problem.

https://github.com/aidenybai/react-scan/issues/152

Mar 17 '25 03:03 Traveller23

According to this latest guide, I've got it working under next.js v14 and the app router to load react-scan with import.

https://github.com/aidenybai/react-scan/blob/main/docs/installation/next-js-app-router.md

Mar 17 '25 04:03 Traveller23