Next.js: TS Error using CSS/SCSS Modules in TypeScript

[yousefallaban]

Bug report

Describe the bug

Try to use CSS Modules in TypeScript the same way I would use them in JavaScript, l see an error: ”TS2307: Cannot find module './styles.css'”.

To Reproduce

I think webpack css-loader should be updated.

Expected behavior

I should not see such an error

Screenshots

System information

• OS: [macOS]
• Version of Next.js: [9.1.5]

[yousefallaban]

how to get red out of this error

[enesTufekci]

you can add this to the next-env.d.ts file.

declare module '*.scss' {
  const content: string;
  export default content;
}

[ztamizzen]

you can add this to the next-env.d.ts file.

declare module '*.scss' {
  const content: string;
  export default content;
}

declare module '*.scss' {
    const classes: { [key: string]: string};
    export default classes;
}

Works better since you don't get any errors in the code about undeclared props.

Found it here: https://spin.atomicobject.com/2020/06/22/css-module-typescript/