Chapter 8: html-fund-me-fcc | TypeScript compiliation error for window.ethereum

[sanjayojha]

I had just started the Chapter 8. However I am using TypeScript instead of plain JavaScript.
While writing below code I started getting compiling error.

if (typeof window.ethereum !== "undefined") {
  console.log(`You are good to go`);
} else {
  console.log(`Please install MetaMask to continue`);
}

error

error TS2339: Property 'ethereum' does not exist on type 'Window & typeof globalThis'.

Not sure how to type cast a window object which does not exist?

[dibakarsutradhar]

You can use (window as any).ethereum to get around the type check.

Or,
In your root folder of the project, you can create a new file called global.d.ts and there define the ethereum type like the below code -

interface Window {
    ethereum: any
}

This should fix the type check issue.

Another way around would be, to declare the whole window object as any at the beginning of your index.

declare var window: any

The above may or may not disable your IntelliSense for the window object.

[sanjayojha]

Thanks again @dibakarsutradhar
I went with your second suggestion which is also recommended in the following resource
property does not exist
Though I find your first recommendation cool, never knew I can typecast in that way.
On further digging I find below syntax is also valid.
(<any>window).ethereum

[dibakarsutradhar]

I'm glad I could help.