emotion v10 になって変わったこと - 備忘録β版

CSS-in-JS ライブラリの emotion が v10 から、だいぶ使い方が変わっていました。 package の変更 v9 では emotion package を import していました。 import { css } from "emotion" v10 では React を使っている場合は @emotion/core を、それ以外の場合は emotion を import するようになっています。 （後述しますが React も emotion package を利用することも可能です） https://emotion.sh/docs/install React の場合 /** @jsx jsx */ import { jsx, css } from "@emotion/core" const style = css` color: red; `; function Fo