aidenybai / aidenybai/react-scan

Conditionally enable react-scan

Offen
#47 11 Kommentare 4 Reaktionen 1 zugewiesene Person Beansprucht von @pivanov Auf GitHub ansehen
Vorherrschende Sprache
TypeScript
Sterne
21.8k
Forks
390
Ø Merge
23 Min.
Gemergte PRs (30 T.)
1

Beschreibung

## Question

Hi there 👋, the README suggests the following to use `react-scan` programmatically:
```
import { scan } from 'react-scan'; // import this BEFORE react
import React from 'react';

if (typeof window !== 'undefined') {
scan({
enabled: true,
log: true, // logs render info to console (default: false)
});
}
```

However, if we want to only load `react-scan` in local builds, and allow for easy enabling and disabling, is that possible? If so, how?

## Ideal API
My ideal API would be something like this:
```
import React from 'react';

function enableScanning() {
import('react-scan').then(({ scan }) => {
scan({
enabled: true,
log: true,
});
});
}

const AdminPanel = () => {
return (
...
Enable React Scan
Disable React Scan
...
)
}
```

But given the comment about `react-scan` needing to be imported before `react`, it seems like that won't be possible. Is that accurate?

Beitragsleitfaden

Beitragsleitfaden öffnen

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

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