Collection of reusable .d.ts files commonly used on your projects. So you don't need to Google it again.

npm i -D common-dts

pnpm add -D common-dts

yarn add -D common-dts

The entire project will affected when using this method. So, you don't need to importing the type again.

Don't want to affect the entire project? Use Locally method for individual file configuration.

Put this code on any .d.ts file on your project. Or you can create a new one if it doesn't exist.

declare global {
  import "common-dts/types/<file-name>";
}

See Supported Extensions for the list of available <file-name>.

declare global {
  import "common-dts/types/module.css";
  import "common-dts/types/module.scss";
  import "common-dts/types/react/svg";
}

Only file with the imported type will affected when using this method.

import "common-dts/types/<file-name>";

See Supported Extensions for the list of available <file-name>.

import "common-dts/types/module.scss";

// Now you can import your SCSS file without typing error
import classes from "./index.module.scss";

// Your code