styled-jsx使うときの注意(メモ)- React -

rails-reactでReact側でstyled-jsxを使用したときに遭遇したエラー。

以下React内

  <>
    <div className="text">sample</div>
    <styled jsx>{`
      .text: {
        magin: auto; 
      }
    `}
  </>

これだとproduction buildをした場合にうまくいかない。 development環境であればいけた。

これだといけた。

  <React.Fragment>
    <div className="text">sample</div>
    <styled jsx>{`
      .text: {
        magin: auto; 
      }
    `}
  </React.Fragment>

まだ詳しく調べられていないが、まだ対応していない可能性。

https://github.com/vercel/next.js/issues/3432#issuecomment-403599018