Erro TypeScript: Propriedade 'X' não existe no tipo 'Window' em aplicação React
Olá! Estou desenvolvendo uma aplicação React usando create-react-app e TypeScript. Tive um problema: estou tentando acessar a propriedade global `window.myCustomProp`, que adicionei ao objeto `window` para integração com um script de terceiros. Aqui está meu código:
```typescript
// App.tsx
const App: React.FC = () => {
useEffect(() => {
// Define a propriedade customizada
window.myCustomProp = 'Hello from custom property';
// Tenta lê-la
console.log(window.myCustomProp);
}, []);
return
My App
;
};
```
Ao compilar, o TypeScript gera o erro:
```
Property 'myCustomProp' does not exist on type 'Window & typeof globalThis'.
```
Já tentei usar `(window as any).myCustomProp`, mas parece um hack. Existe uma maneira mais correta de declarar propriedades customizadas no objeto `window` em TypeScript? Estou usando React 18, TypeScript 5.0 e create-react-app com a versão mais recente.
Agradeço desde já por uma resposta detalhada.