WebStorm/PhpStorm warning for react attributes in jsx like className

Question

I can not remove following warning in react code. \"Attribute className is not allowed here\".

• Warning in PhpStorm

• Unkn

Answer 1

Had a similar problem like the asker - after updating to IntelliJ 2016.3, the values of the classNames were marked as errors (not the "className" attribute itself, but it's similar to what he had).

My solution was to select "Uninject language or reference" from the little lightbulb that appears when you put your cursor on the error:

Have no idea why it works.

Couldn't find any decent React/JSX plugins for Intellij either, except from the above mentioned "React-Templates" which did wonders in the past.

But it seems Intellij's native (I guess) support for JSX & React is not bad, except for annoying things like this.

Answer 2

I'm a little late on the scene but performing Invalidate Caches/Restart... solved the issue (after switching to JSX Harmony).

Answer 3

You should add Reactjs library.

Using Reactjs in JavaScript and TypeScript

In my case, I've just added Reactjs support for TypeScript:

Answer 4

My problem with warnings in jsx was solved by instaling React-Template plugin.