aidenybai / aidenybai/react-scan

Conditionally enable react-scan

Aperta
#47 11 commenti 4 reazioni 1 assegnatario Rivendicata da @pivanov Vedi su GitHub
Lingua principale
TypeScript
Stelle
21.8k
Fork
390
Merge medio
23m
PR unite (30g)
1

Descrizione

## 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?

Guida per i contributori

Apri la guida per i contributori

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.