Not CSS-in-JS was parsed

[ai]

I started to use Stylelint in our project and got

popups/balance.js
 64:39  ✖  Expected a trailing semicolon

error on this code:

      h(Note, [
        h(TextFormat, {
          links: [`#card:${ projectId }`],
          text: t.note
        })
      ]),

Seems like parser try to parse any CSS in template strings

[gucong3000]

Seems like parser try to parse any CSS in template strings
Yes, it is.

This is a known issue, and using postcss-jsx instead of postcss-styled can solve this problem.

postcss-jsx use Babel@7 to parse javascript context.

[ai]

Here is our Stylelint config:

{
  "plugins": [
    "stylelint-order"
  ],
  "extends": [
    "stylelint-config-standard",
    "stylelint-config-styled-components"
  ]
}

Should we ask Stylelint team to not use postcss-styled? Will template string work with postcss-jsx? (Example show only object notation).

[gucong3000]

Should we ask Stylelint team to not use postcss-styled?

stylelint/stylelint#3506
After merge this PR, postcss-syntax will switch to use postcss-jsx to extract template strings in js source.

[gucong3000]

postcss-jsx was add to stylelint