How to import global types/interfaces?

[autsada]

Hi,

I am playing around with aleph quite a bit to learn it, and have one question.

My question is how to import global types/interfaces that globally available in react (@types/react (global.d.ts)), for example, "HTMLButtonElement".

[shadowtime2000]

Please don't use issues for questions, use discussions or the discord instead.

[autsada]

Noted, thank you.

[ije]

please try import type {HTMLButtonElement} from "react"

[autsada]

Hi @shadowtime2000

I also tried to import "@types/react" but go this error ```
"error: Import 'https://esm.sh/@types/[email protected]' failed: 500 Internal Server Error
exit with code: 1"

[shadowtime2000]

@autsada Oh yeah forgot about that, I don't think esm.sh allows importing @types/ packages.

[shadowtime2000]

I think its possible its available in the global scope because of the TS JSX stuff but not sure...

[autsada]

I saw in dext the preact framework in deno that is also inspired by next, they have tsconfig.json that set lib to "dom" so it might enable us to use that global types but not sure about this.

{
  "compilerOptions": {
    "lib": ["esnext", "dom", "deno.ns"],
    "jsx": "react",
    "jsxFactory": "h",
    "jsxFragmentFactory": "Fragment"
  }
}

And also this issue in deno that might relate to the issue I am facing.

[autsada]

By the way, is it possible to use tsconfig.json in aleph?

[ije]

since we switchy to swc that doesn't support type check yet instead of tsc, tsconfig doesn't work in alephjs.

[ije]

/// <reference lib="dom" /> can work

[autsada]

Thank you, I will give it a try.

[autsada]

Hi @ije

Yes, it works.
Just one more question please, where is the right file to put this directive? Now I have it in the root file app.tsx

[shadowtime2000]

@autsada I think you will have to put it in all the files that are using it...

[autsada]

@shadowtime2000 thank you.