[React] style jsx が Unexpected token, expected “}” エラーになる

ITCSS, jsx, React

結果として、次のように style jsx 内でcss を書いている箇所をアポストロフィ「''」で囲めば、解決しました。

Header.js

import React from 'react'
import Link from 'next/link'

class Header extends React.Component {

    render() {
        const title = this.props.title
        return (
            
                

{ title }

{ this.props.children } Home About Portfolios
) } } export default Header;


アポストロフィで囲まないと、次のようなエラーになります

./components/shared/Header.js
Module build failed (from ./node_modules/next/dist/build/webpack/loaders/next-babel-loader.js):
SyntaxError: /Users/nobuhiroharada/fugafuga/components/shared/Header.js: Unexpected token, expected "}" (28:22)

  26 |                 
  27 |