Typescript support

[gauravkumar37]

Thank you for the wonderful library, I have tried dozens of CSS-in-JS library but this one ticks almost all my requirements while using Next.js
When using this in a typescript project, I noticed that it doesn't have any typescript definition files.
So, for now I have used it like this:

1. Create a new file react-css-modules.macro.d.ts. This defines the macro function.

declare module 'react-css-modules.macro' {
  export const macro: (styles: any) => void;
}

2. Create a new file react.d.ts. This adds the styleName prop to all react attributes.

import 'react';

declare module 'react' {
  interface Attributes {
    styleName?: string | boolean;
  }
}

3. Include these in tsconfig.json

  "include": [
    "next-env.d.ts",
    "react.d.ts",
    "react-css-modules.macro",
    "**/*.ts",
    "**/*.tsx"
  ],

This setup is working fine in Next.js Typescript project.

---

Also, I noticed that the README states the default value of warning is false but it is true in the code:

react-css-modules.macro/src/macro.js

Line 7 in f3a53bc

warning: true,

---

Lastly, I was wondering if this library could do all the work in compile-time and thus avoid runtime overhead, however small that may be. Is this possible?
Thanks.

[bohdanbirdie]

Hello, @gauravkumar37
Thanks for the feedback

I probably somehow forgot to add the details about TS support
Would you mind making a Pull Request updating the docs?
I'm quite busy at the time to do that my self