Next.js 10 + TypeScriptでEmotionを使う - Qiita
はじめに Next.js 10になって、React 17になったりしてEmotionが動くようにするのに少し工夫が必要になりました。 その方法について、まだEmotionの公式のドキュメントではまとめられていないようだったので、試行錯誤した内容をここに記事として残そうと思います。 この記事で作り上げた環境はこちらに用意してあります。 リポジトリ: https://github.com/282Haniwa/next-with-emotion Next.jsのプロジェクトを作る Next.jsの環境構築はこちらの記事で解説しているので、省略させていただきます。 とりあえず動く環境で試したい方は、 $ git clone https://github.com/282Haniwa/next-example.git $ cd next-example $ yarn install $ yarn de
Emotion – TypeScript
Emotion includes TypeScript definitions for @emotion/react and @emotion/styled. These definitions infer types for css properties with the object syntax, HTML/SVG tag names, and prop types. @emotion/react The easiest way to use the css prop with TypeScript is with the new JSX transform and the jsxImportSource TSConfig option (available since TS 4.1). For this approach, your TSConfig compilerOptions
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
