fix(nextjs): fix .babelrc for emotion v11 (nrwl#6728)

ManojBahuguna · Sep 16, 2021 · a93a45f · a93a45f
1 parent 307bb76
commit a93a45f
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/packages/next/src/generators/application/files/.babelrc__tmpl__ b/packages/next/src/generators/application/files/.babelrc__tmpl__
@@ -1,6 +1,21 @@
 {
-  "presets": ["@nrwl/next/babel"],
+  "presets": [
+    <% if (style === '@emotion/styled') { %>
+    [
+      "@nrwl/next/babel",
+      {
+        "preset-react": {
+          "runtime": "automatic",
+          "importSource": "@emotion/react"
+        }
+      }
+    ]
+    <% } else { %>
+    "@nrwl/next/babel"
+    <% } %>
+  ],
   "plugins": [
+    <% if (style === '@emotion/styled') { %>"@emotion/babel-plugin"<% } %>
     <% if (style === 'styled-components') { %>["styled-components", { "pure": true, "ssr": true }]<% } %>
   ]
 }