aidenybai / aidenybai/react-scan

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

Abierto
#381 1 comentario 1 reacción 0 asignados Ver en GitHub
Lenguaje dominante
TypeScript
Estrellas
21.8k
Forks
390
Merge medio
23 min
PR fusionados (30 d)
1

Descripción

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

Guía de contribución

Abrir la guía de contribución

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.