fix(nextjs): adjust .babelrc for Next libraries with emotion styling

nrwl · Aug 19, 2021 · 2f3742b · 2f3742b
1 parent 28ebfae
commit 2f3742b
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 10 deletions.
diff --git a/packages/next/src/generators/library/library.spec.ts b/packages/next/src/generators/library/library.spec.ts
@@ -44,12 +44,14 @@ describe('next library', () => {
     });
     expect(readJson(appTree, 'libs/my-lib2/.babelrc')).toEqual({
       presets: [
-        'next/babel',
-        {
-          'preset-react': {
-            importSource: '@emotion/react',
+        [
+          'next/babel',
+          {
+            'preset-react': {
+              importSource: '@emotion/react',
+            },
           },
-        },
+        ],
       ],
       plugins: ['@emotion/babel-plugin'],
     });

diff --git a/packages/next/src/generators/library/library.ts b/packages/next/src/generators/library/library.ts
@@ -23,12 +23,14 @@ export async function libraryGenerator(host: Tree, options: Schema) {
   updateJson(host, joinPathFragments(projectRoot, '.babelrc'), (json) => {
     if (options.style === '@emotion/styled') {
       json.presets = [
-        'next/babel',
-        {
-          'preset-react': {
-            importSource: '@emotion/react',
+        [
+          'next/babel',
+          {
+            'preset-react': {
+              importSource: '@emotion/react',
+            },
           },
-        },
+        ],
       ];
     } else if (options.style === 'styled-jsx') {
       // next.js doesn't require the `styled-jsx/babel' plugin as it is already