Erreur TypeScript : La propriété 'X' n'existe pas sur le type 'Window' dans une application React
Bonjour ! Je développe une application React en utilisant create-react-app et TypeScript. J'ai un problème : j'essaie d'accéder à une propriété globale `window.myCustomProp`, que j'ai ajoutée à l'objet `window` pour l'intégration avec un script tiers. Voici mon code :
```typescript
// App.tsx
const App: React.FC = () => {
useEffect(() => {
// Définir une propriété personnalisée
window.myCustomProp = 'Hello from custom property';
// Essayer de la lire
console.log(window.myCustomProp);
}, []);
return
My App
;
};
```
Lors de la compilation, TypeScript génère une erreur :
```
Property 'myCustomProp' does not exist on type 'Window & typeof globalThis'.
```
J'ai déjà essayé d'utiliser `(window as any).myCustomProp`, mais cela ressemble à un bricolage. Existe-t-il une manière plus correcte de déclarer des propriétés personnalisées sur l'objet `window` en TypeScript ? J'utilise React 18, TypeScript 5.0 et create-react-app avec la dernière version.
Je vous remercie par avance pour une réponse détaillée.