javascript - Cómo usar las variables DOM navigator y location en TypeScript

Así que estoy haciendo un proyecto que usa React y TypeScript, sin embargo necesito acceder a algunas variables del DOM como navigator y location. Sin embargo, puedo acceder a esas variables en un archivo JS pero no en un archivo TS. He estado buscando pero no pude encontrar ninguna respuesta. Espero que esto no sea trivial.

Ejemplo de una función que llamé en JS pero que necesito que esté en TS:

const { usage, quota } = await navigator.storage.estimate();

Gracias de antemano

Respuesta #1

Tienes que añadir una opción a tu archivo tsconfig.json.

Agrega dom al arreglo compilerOptions.lib así:

{
  "compilerOptions": {
        "lib": [
            "dom"
        ]
  }
}

Esta opción agregará los tipos necesarios para la API del DOM.