Merge pull request #2020 from gpoole/patch-1

docs(pragma): add SWC instructions for Next.js
system-ui · Nov 23, 2021 · 934d497 · 934d497
2 parents 1b3bef1 + fe10833
commit 934d497
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/packages/docs/src/pages/guides/jsx-pragma.mdx b/packages/docs/src/pages/guides/jsx-pragma.mdx
@@ -147,6 +147,8 @@ NOTE: this requires
 
 ### Using next.js
 
+#### With Babel
+
 ```js
 // babel.config.js
 module.exports = {
@@ -168,3 +170,15 @@ module.exports = {
 
 You can read more about
 [customizing Babel config in Next.js docs](https://nextjs.org/docs/advanced-features/customizing-babel-config).
+
+#### With SWC
+
+In `jsconfig.json` or `tsconfig.json` (since Next.js 12.0.4):
+
+```json
+{
+  "compilerOptions": {
+    "jsxImportSource": "theme-ui"
+  }
+}
+```