aidenybai / aidenybai/react-scan

React scan not working in Firefox (NPM and CDN)

オープン
#400 コメント 5 件 リアクション 0 件 担当者 0 名 GitHub で見る
主要言語
TypeScript
スター
21.8k
フォーク
390
平均マージ
23分
マージ済み PR(30日)
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 はまだ評価されていません。

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。