• トップページ
• Blog
• React + Emotion + TypeScriptでReferenceError: jsx is not definedのエラーが出る場合の対策

React + Emotion + TypeScriptでReferenceError: jsx is not definedのエラーが出る場合の対策

create-react-appで作ったReactのプロジェクトにCSS-in-JSのライブラリEmotionとTypeScriptを導入した際にエラーが出る場合の対策方法です。

• 

StackOverflowに解決策が載っていました。

/** @jsx jsx */

import {jsx, css} from '@emotion/core';
import React from 'react';
import {NavigationBar} from "./NavigationBar";

jsx;

StackOverflowの記事を参考に上記コードのjsx;を追記するとエラーを解消できました。

atnr.net の RSS登録はこちらから

コメントは受け付けていません。