JSX elements are not being linted fully

[martinfrances107]

This maybe a deliberate design choice that I am ignorant of

BUT

we are getting compile errors in relation to storybook when we have JSX elements inside js files
[ that is being fixed here #554 as part of #546 ]

This issue is separate I just want clearance to lock this down so that all files using JSX elements have the extension jsx or tsx.

[dawehner]

It looks like there is a disagreement between airbnb and people working on react itself, see facebook/create-react-app#87 (comment)

Personally I think I agree with @Gaeron's perspective.

[martinfrances107]

I am happy to follow the no jsx files convention

BUT I am seeing some horrible interaction with our current linting configuration files

case in point if you rename AddContent.test.js to AddContent.test.jsx

then you get new linting errors

Warning: validateDOMNesting(...):

cannot appear as a descendant of <p>.

I am going to look into this more so that we get the same error warning from js files with JSX elements.

[dawehner]

I am going to look into this more so that we get the same error warning from js files with JSX elements.

Nice, thank you!

[martinfrances107]

Great - the loose ends are complete and merged..

thank you.