how to handle typescript issue

[Pavel]

Hi,

Maybe someone met this before:

I really like this plugin comparing to the className, but as long as I started to use it together with typescript - I see this message.

Maybe there are known ways to fix it?

Regards,

[bySabi Files]

@PavelPolyakov did you solve it?

[Pavel]

@bySabi no, at the end I started to use className and other pure react properties which are available out of the box.

[bySabi Files]

is a shame.
I really like to copy and paste HTML with class attrs :-)

[bySabi Files]

@PavelPolyakov In the end I could solve it by adding the definition of the class attribute to the React definitions with:

declare module 'react' {
  interface HTMLAttributes<T> extends AriaAttributes, DOMAttributes<T> {
    // extends React's HTMLAttributes
    class?: string;
  }
}

[bySabi Files]

@tkrotoff maybe this is useful to you too. Related to microsoft/TypeScript#9327

[bySabi Files]

and to put in the typings folder:

import "react";

declare module "react" {
  interface HTMLAttributes<T> extends AriaAttributes, DOMAttributes<T> {
    // extends React's HTMLAttributes
    class?: string;
  }
}

Tested with a next.js based project