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
    }
}
Member since January 2, 2019

As a seasoned WordPress developer with expertise in various tech stacks and languages, I bring years of experience to every project I handle. My passion for coding and dedication to delivering exceptional work ensures that each project I take on is of the highest quality. I specialize in creating custom themes, developing plugins, and building full-scale web systems. By staying up-to-date with the latest industry trends and best practices, I incorporate cutting-edge solutions into my work.

Comments

    Your email address will not be published. Required fields are marked *