Typescript error when using tailwind Container queries plugin

Hello,
I Just want to try the container queries, but I've got this error (see picture). Do you know what we are supposed to do here? I don't find any @types package available.

Tom•3/16/23, 9:24 PM

looks like the plugin isnt installed

Tom•3/16/23, 9:24 PM

(also i dont think this counts as typescript)

Tom•3/16/23, 9:24 PM

cause its in a js file

EkaradonOP•3/16/23, 9:27 PM

It's installed, I even have the source code accessible:

EkaradonOP•3/16/23, 9:27 PM

But it's JS

EkaradonOP•3/16/23, 9:28 PM

Typing check is still done here because it's a cjs file, see tsconfig:

  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "**/*.cjs", "**/*.mjs"],

  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "**/*.cjs", "**/*.mjs"],

EkaradonOP•3/16/23, 9:29 PM

I suppose that I should just declare the types of this module. Just find it strange that no one raised the issue. I'm thinking I'm missing something here

praskOo•3/16/23, 10:09 PM

I did

    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
    // @ts-ignore
    require("@tailwindcss/container-queries"),

    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
    // @ts-ignore
    require("@tailwindcss/container-queries"),

praskOo•3/16/23, 10:11 PM

Idk if im missing something, but why is it asking for a declaration file in .cjs.cjs

EkaradonOP•3/17/23, 7:57 AM

Typing has been enforced all the way because this is the philosophy of t3-app: typesafety. And as you can see in the tsconfig file, you can expand the type check on files other than just ts/tsx.
Thanks for the anwser nonetheless praskOo, I believe that it means it's yet too early to get a type definition here. Disabling warnings may probably be the best course of action here indeed.

Typescript error when using tailwind Container queries plugin

Similar Threads

Similar Threads

Similar Threads