From fe1083361bf253dc3a11638b2d48cde6c6bddff0 Mon Sep 17 00:00:00 2001
From: Greg Poole <gpoole@users.noreply.github.com>
Date: Tue, 23 Nov 2021 13:58:33 +1100
Subject: [PATCH] docs(pragma): add SWC instructions for Next.js

Since 12.0.4 Next.js has added support for configuring the pragma via jsconfig.json or tsconfig.json.
---
 packages/docs/src/pages/guides/jsx-pragma.mdx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/packages/docs/src/pages/guides/jsx-pragma.mdx b/packages/docs/src/pages/guides/jsx-pragma.mdx
index b86167360..85f37af6f 100644
--- 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"
+  }
+}
+```