Typescript global window data

I often have to get some data from the global window object. And doing so in typescript will end up with a warning saying that I’m trying to access an unresolved variable.

To solve this, we can define the structure of the top-level entry file.

declare global {
    interface Window {
        //... window data definitions here ...
    }
}

Example:

Here is an example that may help you understand how this may look in your project.

declare global {
    interface Window {
        something: string[],
        myData: {
            uri: string,
            dir: string,
            user: {
                name: string,
                age: number,
            },
        },
        somethingElse: SomeDataTypeDefinition
    }
}