aidenybai / aidenybai/react-scan
React scan not working in Firefox (NPM and CDN)
- 主要语言
- TypeScript
- 星标
- 21.8k
- 派生
- 390
- 平均合并
- 23 分钟
- 30 天内合并 PR
- 1
描述
Hi,
I'm encountering an issue where `react-scan` does not work in **Firefox**, although it functions correctly in all other major browsers (e.g., Chrome, Edge).
### Details:
* I’ve tested using both the **NPM package** and the **CDN URL**.
* In Firefox:
* The script appears to load correctly (verified via the browser’s inspector).
* However, nothing happens no logs, errors, or messages appear in the console.
* The expected behavior from `react-scan` does not occur.
* In other browsers:
* Everything works as expected.
* Console output appears, and `react-scan` performs correctly.
* The project is private, so I can't share the code.
> [https://react-scan.com/](https://react-scan.com/) I see that react scan is working on this page in Firefox.
### Steps to Reproduce:
1. Load a basic `NextJS` page using `react-scan` (via NPM or CDN).
2. Open the page in Firefox.
3. Observe the lack of behavior or logs.
4. Test the same page in Chrome/Edge, functionality is normal.
### Environment:
* **Firefox Version:** `140.0.4 (aarch64)` (with only `React Developer Tools` extension)
* **react-scan Version:** `0.4.3 (NPM)`, In CDN Latest
* **OS:** `Mac OS 15.3`
### Example Codes:
**Loading via CDN:**
```tsx
import Script from 'next/script';
const ReactScan = () => (
);
export default ReactScan;
```
**Loading via NPM Package:**
```
"react": "^19.1.0",
"react-dom": "^19.1.0",
"next": "^15.3.3",
"react-scan": "^0.4.3"
```
```tsx
'use client';
import { JSX, useEffect } from 'react';
import { scan } from 'react-scan';
const ReactScan = (): JSX.Element => {
useEffect(() => {
scan({
enabled: true,
showToolbar: true,
animationSpeed: 'off',
showFPS: true,
showNotificationCount: true,
allowInIframe: true,
});
}, []);
return <></>;
};
export default ReactScan;
```
贡献指南
评估
这个 Issue 还没有评估数据。