fix(create-gatsby): Use legacy peer deps (#29856) (#29862)

* fix(create-gatsby): Use legacy peer deps * Update tests (cherry picked from commit a92b276) Co-authored-by: Matt Kane <matt@gatsbyjs.com>
gatsbyjs · Mar 1, 2021 · 8639f7b · 8639f7b
1 parent fdc1fe2
commit 8639f7b
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/packages/create-gatsby/src/__tests__/init-starter.ts b/packages/create-gatsby/src/__tests__/init-starter.ts
@@ -153,7 +153,15 @@ describe(`init-starter`, () => {
       )
       expect(execa).toBeCalledWith(
         `npm`,
-        [`install`, `--loglevel`, `error`, `--color`, `always`, `one-package`],
+        [
+          `install`,
+          `--loglevel`,
+          `error`,
+          `--color`,
+          `always`,
+          `--legacy-peer-deps`,
+          `one-package`,
+        ],
         { stderr: `inherit` }
       )
     })

diff --git a/packages/create-gatsby/src/init-starter.ts b/packages/create-gatsby/src/init-starter.ts
@@ -99,7 +99,7 @@ const setNameInPackage = async (
     delete packageJson.author
   }
 
-  await fs.writeJSON(packageJsonPath, packageJson)
+  await fs.writeJSON(packageJsonPath, packageJson, { spaces: 2 })
 }
 
 // Executes `npm install` or `yarn install` in rootPath.
@@ -139,7 +139,11 @@ const install = async (
       reporter.success(`Installed Gatsby`)
       reporter.info(`${c.blueBright(c.symbols.pointer)} Installing plugins...`)
 
-      await execa(`npm`, [`install`, ...config, ...packages], options)
+      await execa(
+        `npm`,
+        [`install`, ...config, `--legacy-peer-deps`, ...packages],
+        options
+      )
       await clearLine()
     }