cra-template: temporarily add resolution for babel to work around bug (…

…#21545)
microsoft · Feb 3, 2022 · 946f57c · 946f57c
1 parent 0a22089
commit 946f57c
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 0 deletions.
diff --git a/change/@fluentui-cra-template-a130326a-e7ca-434d-bb78-5c568d837747.json b/change/@fluentui-cra-template-a130326a-e7ca-434d-bb78-5c568d837747.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Temporarily add resolution for `@babel/core` to work around bug",
+  "packageName": "@fluentui/cra-template",
+  "email": "elcraig@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/cra-template/template.json b/packages/cra-template/template.json
@@ -12,6 +12,9 @@
       "typescript": "^4.1.2",
       "web-vitals": "^1.0.1"
     },
+    "resolutions": {
+      "@babel/core": "7.16.12"
+    },
     "eslintConfig": {
       "extends": ["react-app", "react-app/jest"]
     }

diff --git a/packages/fluentui/projects-test/src/createReactApp.ts b/packages/fluentui/projects-test/src/createReactApp.ts
@@ -30,6 +30,14 @@ export async function createReactApp() {
 
   await prepareCreateReactApp(tempPaths, 'typescript');
   const testAppPath = config.paths.withRootAt(tempPaths.testApp);
+
+  // TODO: remove once babel issue is fixed (tracked by https://github.com/microsoft/fluentui/issues/21546)
+  logger('Add resolution to work around @babel/core issue');
+  const packageJson = fs.readJSONSync(testAppPath('package.json'));
+  packageJson.resolutions = { '@babel/core': '7.16.12' };
+  fs.writeJSONSync(testAppPath('package.json'), packageJson, { spaces: 2 });
+  await shEcho('yarn', testAppPath());
+
   logger(`Test React project is successfully created: ${testAppPath()}`);
 
   logger('STEP 2. Add Fluent UI dependency to test project..');