aidenybai / aidenybai/react-scan

nexjs 15 (app) react scan debug window not showing up

Offen
#381 1 Kommentar 1 Reaktion 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
TypeScript
Sterne
21.8k
Forks
390
Ø Merge
23 Min.
Gemergte PRs (30 T.)
1

Beschreibung

Hello react-scan not working as expected using nextJS 15 (app),

### Versions
"next": "15.3.0",
"react-scan": "^0.3.4",

## how I setup it :
```
"use client";

import { scan } from "react-scan";
import { JSX, useEffect } from "react";

export function ReactScan(): JSX.Element {
useEffect(() => {
scan({
enabled: true,
trackUnnecessaryRenders: true,
});
}, []);

return <>;
}
```

In root layout :

![Image](https://github.com/user-attachments/assets/726dd014-1046-4b9f-9f5d-ea3289b3b6f9)

when I click on one of my component using react-scan nothing happens, I should see the debug window for the clicked component like there :

https://github.com/user-attachments/assets/f0fdcadc-efd3-4606-89d8-fe257e8597ee

here my case :

https://github.com/user-attachments/assets/dccf64fd-2797-45be-a7a5-1733337f0bc0

thanks for this awesome tool

Beitragsleitfaden

Beitragsleitfaden öffnen

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.