diff --git a/apps/ts-minbar-test-react/src/index.ts b/apps/ts-minbar-test-react/src/index.ts
index 0e9615a608115..0a69769a568e2 100644
--- a/apps/ts-minbar-test-react/src/index.ts
+++ b/apps/ts-minbar-test-react/src/index.ts
@@ -22,7 +22,7 @@ async function performTest() {
 
     // Install dependencies, using the minimum TS version supported for consumers
     const dependencies = [
-      '@types/node',
+      '@types/node@14',
       '@types/react@17',
       '@types/react-dom@17',
       'react@17',
diff --git a/change/@fluentui-bundle-size-c1ea3df8-acc9-4044-9944-7b960d1d40d6.json b/change/@fluentui-bundle-size-c1ea3df8-acc9-4044-9944-7b960d1d40d6.json
new file mode 100644
index 0000000000000..e03f4d8ff742a
--- /dev/null
+++ b/change/@fluentui-bundle-size-c1ea3df8-acc9-4044-9944-7b960d1d40d6.json
@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "fix(typings): fix type errors exposed by node 14 typings",
+  "packageName": "@fluentui/bundle-size",
+  "email": "martinhochel@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-accordion-14a67021-6f6e-4efa-b889-286f3c699080.json b/change/@fluentui-react-accordion-14a67021-6f6e-4efa-b889-286f3c699080.json
new file mode 100644
index 0000000000000..3c86e497269d7
--- /dev/null
+++ b/change/@fluentui-react-accordion-14a67021-6f6e-4efa-b889-286f3c699080.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "test: replace deprecated module.parent with require.main within isConformance",
+  "packageName": "@fluentui/react-accordion",
+  "email": "martinhochel@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-alert-e81a5dca-681b-49a3-b176-ea058adf4c29.json b/change/@fluentui-react-alert-e81a5dca-681b-49a3-b176-ea058adf4c29.json
new file mode 100644
index 0000000000000..ec633572ac084
--- /dev/null
+++ b/change/@fluentui-react-alert-e81a5dca-681b-49a3-b176-ea058adf4c29.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "test: replace deprecated module.parent with require.main within isConformance",
+  "packageName": "@fluentui/react-alert",
+  "email": "martinhochel@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-avatar-1ba4392f-adfc-4650-9a85-b86f896eee0e.json b/change/@fluentui-react-avatar-1ba4392f-adfc-4650-9a85-b86f896eee0e.json
new file mode 100644
index 0000000000000..e06fb4940442b
--- /dev/null
+++ b/change/@fluentui-react-avatar-1ba4392f-adfc-4650-9a85-b86f896eee0e.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "test: replace deprecated module.parent with require.main within isConformance",
+  "packageName": "@fluentui/react-avatar",
+  "email": "martinhochel@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-badge-024c280c-8f15-41b2-93b3-149a1c11d05e.json b/change/@fluentui-react-badge-024c280c-8f15-41b2-93b3-149a1c11d05e.json
new file mode 100644
index 0000000000000..8fbd5425368da
--- /dev/null
+++ b/change/@fluentui-react-badge-024c280c-8f15-41b2-93b3-149a1c11d05e.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "test: replace deprecated module.parent with require.main within isConformance",
+  "packageName": "@fluentui/react-badge",
+  "email": "martinhochel@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-button-461f70bc-251c-4c6f-9104-3cf26d4d1fb7.json b/change/@fluentui-react-button-461f70bc-251c-4c6f-9104-3cf26d4d1fb7.json
new file mode 100644
index 0000000000000..240d34ad90574
--- /dev/null
+++ b/change/@fluentui-react-button-461f70bc-251c-4c6f-9104-3cf26d4d1fb7.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "test: replace deprecated module.parent with require.main within isConformance",
+  "packageName": "@fluentui/react-button",
+  "email": "martinhochel@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-card-d5917321-3b60-4068-9fb2-ccefcdd93ed7.json b/change/@fluentui-react-card-d5917321-3b60-4068-9fb2-ccefcdd93ed7.json
new file mode 100644
index 0000000000000..444ada7bd9cab
--- /dev/null
+++ b/change/@fluentui-react-card-d5917321-3b60-4068-9fb2-ccefcdd93ed7.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "test: replace deprecated module.parent with require.main within isConformance",
+  "packageName": "@fluentui/react-card",
+  "email": "martinhochel@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-checkbox-e5ba1072-740b-4452-8632-c6706d93687b.json b/change/@fluentui-react-checkbox-e5ba1072-740b-4452-8632-c6706d93687b.json
new file mode 100644
index 0000000000000..bf541d3bba316
--- /dev/null
+++ b/change/@fluentui-react-checkbox-e5ba1072-740b-4452-8632-c6706d93687b.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "test: replace deprecated module.parent with require.main within isConformance",
+  "packageName": "@fluentui/react-checkbox",
+  "email": "martinhochel@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-conformance-a36f20ee-23ff-46d8-8df2-c7e4ef8035b3.json b/change/@fluentui-react-conformance-a36f20ee-23ff-46d8-8df2-c7e4ef8035b3.json
new file mode 100644
index 0000000000000..f5cc916a24bce
--- /dev/null
+++ b/change/@fluentui-react-conformance-a36f20ee-23ff-46d8-8df2-c7e4ef8035b3.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "test: replace deprecated module.parent with require.main within isConformance",
+  "packageName": "@fluentui/react-conformance",
+  "email": "martinhochel@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-da22778f-cbbf-4200-b03c-752627517a9c.json b/change/@fluentui-react-da22778f-cbbf-4200-b03c-752627517a9c.json
new file mode 100644
index 0000000000000..6c5b52d657952
--- /dev/null
+++ b/change/@fluentui-react-da22778f-cbbf-4200-b03c-752627517a9c.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "test(react): clean up persona-coin test and use isConformant without side-effects",
+  "packageName": "@fluentui/react",
+  "email": "martinhochel@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-divider-2bc1605f-e9af-458b-a7fb-8f1fdcf34733.json b/change/@fluentui-react-divider-2bc1605f-e9af-458b-a7fb-8f1fdcf34733.json
new file mode 100644
index 0000000000000..b0c4c9063f843
--- /dev/null
+++ b/change/@fluentui-react-divider-2bc1605f-e9af-458b-a7fb-8f1fdcf34733.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "test: replace deprecated module.parent with require.main within isConformance",
+  "packageName": "@fluentui/react-divider",
+  "email": "martinhochel@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-image-45ad5f93-4b5b-4c67-a944-7fccfae6bfc3.json b/change/@fluentui-react-image-45ad5f93-4b5b-4c67-a944-7fccfae6bfc3.json
new file mode 100644
index 0000000000000..8dacf292a229b
--- /dev/null
+++ b/change/@fluentui-react-image-45ad5f93-4b5b-4c67-a944-7fccfae6bfc3.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "test: replace deprecated module.parent with require.main within isConformance",
+  "packageName": "@fluentui/react-image",
+  "email": "martinhochel@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-input-5ed2b344-3969-406e-aaed-b050bd41b71f.json b/change/@fluentui-react-input-5ed2b344-3969-406e-aaed-b050bd41b71f.json
new file mode 100644
index 0000000000000..d8ac58f703550
--- /dev/null
+++ b/change/@fluentui-react-input-5ed2b344-3969-406e-aaed-b050bd41b71f.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "test: replace deprecated module.parent with require.main within isConformance",
+  "packageName": "@fluentui/react-input",
+  "email": "martinhochel@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-label-6a1213b1-4408-4638-9e96-05131413a17c.json b/change/@fluentui-react-label-6a1213b1-4408-4638-9e96-05131413a17c.json
new file mode 100644
index 0000000000000..ec6594920a1f2
--- /dev/null
+++ b/change/@fluentui-react-label-6a1213b1-4408-4638-9e96-05131413a17c.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "test: replace deprecated module.parent with require.main within isConformance",
+  "packageName": "@fluentui/react-label",
+  "email": "martinhochel@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-link-b40f8272-57a7-4639-8c03-13ce6c1376c2.json b/change/@fluentui-react-link-b40f8272-57a7-4639-8c03-13ce6c1376c2.json
new file mode 100644
index 0000000000000..e675b0706092b
--- /dev/null
+++ b/change/@fluentui-react-link-b40f8272-57a7-4639-8c03-13ce6c1376c2.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "test: replace deprecated module.parent with require.main within isConformance",
+  "packageName": "@fluentui/react-link",
+  "email": "martinhochel@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-menu-ee5668bd-7c18-4a10-8c5f-d73781e0bb0a.json b/change/@fluentui-react-menu-ee5668bd-7c18-4a10-8c5f-d73781e0bb0a.json
new file mode 100644
index 0000000000000..7e9868ce156fc
--- /dev/null
+++ b/change/@fluentui-react-menu-ee5668bd-7c18-4a10-8c5f-d73781e0bb0a.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "test: replace deprecated module.parent with require.main within isConformance",
+  "packageName": "@fluentui/react-menu",
+  "email": "martinhochel@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-select-dc08e75c-c7ec-43cd-a398-24c2ce691865.json b/change/@fluentui-react-select-dc08e75c-c7ec-43cd-a398-24c2ce691865.json
new file mode 100644
index 0000000000000..00fe9d7acbbe9
--- /dev/null
+++ b/change/@fluentui-react-select-dc08e75c-c7ec-43cd-a398-24c2ce691865.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "test: replace deprecated module.parent with require.main within isConformance",
+  "packageName": "@fluentui/react-select",
+  "email": "martinhochel@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-slider-87f6c6a9-6d60-43cf-9a2c-e53d385b0003.json b/change/@fluentui-react-slider-87f6c6a9-6d60-43cf-9a2c-e53d385b0003.json
new file mode 100644
index 0000000000000..ec33ed36ee295
--- /dev/null
+++ b/change/@fluentui-react-slider-87f6c6a9-6d60-43cf-9a2c-e53d385b0003.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "test: replace deprecated module.parent with require.main within isConformance",
+  "packageName": "@fluentui/react-slider",
+  "email": "martinhochel@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-table-13bce812-a740-4bf4-9fab-332e0b1938ed.json b/change/@fluentui-react-table-13bce812-a740-4bf4-9fab-332e0b1938ed.json
new file mode 100644
index 0000000000000..06a0fd22d85f6
--- /dev/null
+++ b/change/@fluentui-react-table-13bce812-a740-4bf4-9fab-332e0b1938ed.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "test: replace deprecated module.parent with require.main within isConformance",
+  "packageName": "@fluentui/react-table",
+  "email": "martinhochel@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-tabs-cb4fc9a7-01ba-4cca-9ca3-20525b961355.json b/change/@fluentui-react-tabs-cb4fc9a7-01ba-4cca-9ca3-20525b961355.json
new file mode 100644
index 0000000000000..bb03dbc89ec8d
--- /dev/null
+++ b/change/@fluentui-react-tabs-cb4fc9a7-01ba-4cca-9ca3-20525b961355.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "test: replace deprecated module.parent with require.main within isConformance",
+  "packageName": "@fluentui/react-tabs",
+  "email": "martinhochel@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-text-4f821f14-0532-4b40-9d86-dba76ad60df0.json b/change/@fluentui-react-text-4f821f14-0532-4b40-9d86-dba76ad60df0.json
new file mode 100644
index 0000000000000..e6fb2ef958417
--- /dev/null
+++ b/change/@fluentui-react-text-4f821f14-0532-4b40-9d86-dba76ad60df0.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "test: replace deprecated module.parent with require.main within isConformance",
+  "packageName": "@fluentui/react-text",
+  "email": "martinhochel@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/package.json b/package.json
index 54e28238883d3..1faf5d4311667 100644
--- a/package.json
+++ b/package.json
@@ -153,7 +153,7 @@
     "@types/loader-utils": "2.0.3",
     "@types/markdown-table": "2.0.0",
     "@types/micromatch": "4.0.2",
-    "@types/node": "10.17.55",
+    "@types/node": "14.18.32",
     "@types/node-fetch": "2.5.7",
     "@types/prettier": "2.2.3",
     "@types/progress": "2.0.5",
diff --git a/packages/bundle-size/src/utils/buildFixture.js b/packages/bundle-size/src/utils/buildFixture.js
index 99ef2578e5583..aaaa1ace517f7 100644
--- a/packages/bundle-size/src/utils/buildFixture.js
+++ b/packages/bundle-size/src/utils/buildFixture.js
@@ -129,8 +129,8 @@ module.exports = async function buildFixture(preparedFixture, quiet) {
     /* eslint-enable @typescript-eslint/naming-convention */
   ]);
 
-  await fs.writeFile(webpackOutputPath, terserOutput.code);
-  await fs.writeFile(terserOutputPath, terserOutputMinified.code);
+  await fs.writeFile(webpackOutputPath, terserOutput.code ?? '');
+  await fs.writeFile(terserOutputPath, terserOutputMinified.code ?? '');
 
   if (!quiet) {
     console.log(
diff --git a/packages/bundle-size/src/utils/prepareFixture.js b/packages/bundle-size/src/utils/prepareFixture.js
index 2a4ca190f3da3..97e1f30d80ac2 100644
--- a/packages/bundle-size/src/utils/prepareFixture.js
+++ b/packages/bundle-size/src/utils/prepareFixture.js
@@ -9,6 +9,11 @@ const ajv = new Ajv();
 /** @typedef {{ name: string }} FixtureMetadata */
 /** @typedef {{ absolutePath: string, relativePath: string, name: string }} PreparedFixture */
 
+/**
+ * @template T
+ * @typedef {NonNullable<T> & {[P in keyof T]-?: NonNullable<T[P]>;}} RequiredNonNullableRecord<T>
+ */
+
 /**
  * Prepares a fixture file to be compiled with Webpack, grabs data from a default export and removes it.
  *
@@ -59,7 +64,7 @@ module.exports = async function prepareFixture(fixture) {
 
   /**
    * @param {typeof result} value
-   * @return {value is Required<NonNullable<typeof result>> & {metadata: FixtureMetadata}}
+   * @return {value is RequiredNonNullableRecord<typeof result> & {metadata: FixtureMetadata}}
    */
   function isTransformedFixtureResultHasMetadata(value) {
     return Boolean(value && value.metadata && Object.keys(value.metadata).length);
diff --git a/packages/react-components/react-accordion/src/testing/isConformant.ts b/packages/react-components/react-accordion/src/testing/isConformant.ts
index 0a15c2c64f0fb..183b694ab7ee3 100644
--- a/packages/react-components/react-accordion/src/testing/isConformant.ts
+++ b/packages/react-components/react-accordion/src/testing/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
   };
 
diff --git a/packages/react-components/react-alert/src/testing/isConformant.ts b/packages/react-components/react-alert/src/testing/isConformant.ts
index c35cc6e735834..77f88408cbd83 100644
--- a/packages/react-components/react-alert/src/testing/isConformant.ts
+++ b/packages/react-components/react-alert/src/testing/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
   };
 
diff --git a/packages/react-components/react-avatar/src/testing/isConformant.ts b/packages/react-components/react-avatar/src/testing/isConformant.ts
index 0a15c2c64f0fb..183b694ab7ee3 100644
--- a/packages/react-components/react-avatar/src/testing/isConformant.ts
+++ b/packages/react-components/react-avatar/src/testing/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
   };
 
diff --git a/packages/react-components/react-badge/src/testing/isConformant.ts b/packages/react-components/react-badge/src/testing/isConformant.ts
index 0a15c2c64f0fb..183b694ab7ee3 100644
--- a/packages/react-components/react-badge/src/testing/isConformant.ts
+++ b/packages/react-components/react-badge/src/testing/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
   };
 
diff --git a/packages/react-components/react-button/src/testing/isConformant.ts b/packages/react-components/react-button/src/testing/isConformant.ts
index c35cc6e735834..77f88408cbd83 100644
--- a/packages/react-components/react-button/src/testing/isConformant.ts
+++ b/packages/react-components/react-button/src/testing/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
   };
 
diff --git a/packages/react-components/react-card/src/testing/isConformant.ts b/packages/react-components/react-card/src/testing/isConformant.ts
index c35cc6e735834..77f88408cbd83 100644
--- a/packages/react-components/react-card/src/testing/isConformant.ts
+++ b/packages/react-components/react-card/src/testing/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
   };
 
diff --git a/packages/react-components/react-checkbox/src/testing/isConformant.ts b/packages/react-components/react-checkbox/src/testing/isConformant.ts
index 91541d5a381f7..2ffff9d342a7e 100644
--- a/packages/react-components/react-checkbox/src/testing/isConformant.ts
+++ b/packages/react-components/react-checkbox/src/testing/isConformant.ts
@@ -5,7 +5,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
   };
 
diff --git a/packages/react-components/react-combobox/src/common/isConformant.ts b/packages/react-components/react-combobox/src/common/isConformant.ts
index c35cc6e735834..77f88408cbd83 100644
--- a/packages/react-components/react-combobox/src/common/isConformant.ts
+++ b/packages/react-components/react-combobox/src/common/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
   };
 
diff --git a/packages/react-components/react-dialog/src/testing/isConformant.ts b/packages/react-components/react-dialog/src/testing/isConformant.ts
index c35cc6e735834..77f88408cbd83 100644
--- a/packages/react-components/react-dialog/src/testing/isConformant.ts
+++ b/packages/react-components/react-dialog/src/testing/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
   };
 
diff --git a/packages/react-components/react-divider/src/testing/isConformant.ts b/packages/react-components/react-divider/src/testing/isConformant.ts
index 91541d5a381f7..2ffff9d342a7e 100644
--- a/packages/react-components/react-divider/src/testing/isConformant.ts
+++ b/packages/react-components/react-divider/src/testing/isConformant.ts
@@ -5,7 +5,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
   };
 
diff --git a/packages/react-components/react-field/src/common/isConformant.ts b/packages/react-components/react-field/src/common/isConformant.ts
index de10869ca225f..f3c09edfdd4d8 100644
--- a/packages/react-components/react-field/src/common/isConformant.ts
+++ b/packages/react-components/react-field/src/common/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
 
     // Field-specific defaults
diff --git a/packages/react-components/react-image/src/testing/isConformant.ts b/packages/react-components/react-image/src/testing/isConformant.ts
index c35cc6e735834..77f88408cbd83 100644
--- a/packages/react-components/react-image/src/testing/isConformant.ts
+++ b/packages/react-components/react-image/src/testing/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
   };
 
diff --git a/packages/react-components/react-infobutton/src/common/isConformant.ts b/packages/react-components/react-infobutton/src/common/isConformant.ts
index c35cc6e735834..77f88408cbd83 100644
--- a/packages/react-components/react-infobutton/src/common/isConformant.ts
+++ b/packages/react-components/react-infobutton/src/common/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
   };
 
diff --git a/packages/react-components/react-input/src/testing/isConformant.ts b/packages/react-components/react-input/src/testing/isConformant.ts
index c35cc6e735834..77f88408cbd83 100644
--- a/packages/react-components/react-input/src/testing/isConformant.ts
+++ b/packages/react-components/react-input/src/testing/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
   };
 
diff --git a/packages/react-components/react-label/src/testing/isConformant.ts b/packages/react-components/react-label/src/testing/isConformant.ts
index c35cc6e735834..77f88408cbd83 100644
--- a/packages/react-components/react-label/src/testing/isConformant.ts
+++ b/packages/react-components/react-label/src/testing/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
   };
 
diff --git a/packages/react-components/react-link/src/testing/isConformant.ts b/packages/react-components/react-link/src/testing/isConformant.ts
index c35cc6e735834..77f88408cbd83 100644
--- a/packages/react-components/react-link/src/testing/isConformant.ts
+++ b/packages/react-components/react-link/src/testing/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
   };
 
diff --git a/packages/react-components/react-menu/src/testing/isConformant.ts b/packages/react-components/react-menu/src/testing/isConformant.ts
index c35cc6e735834..77f88408cbd83 100644
--- a/packages/react-components/react-menu/src/testing/isConformant.ts
+++ b/packages/react-components/react-menu/src/testing/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
   };
 
diff --git a/packages/react-components/react-persona/src/common/isConformant.ts b/packages/react-components/react-persona/src/common/isConformant.ts
index c35cc6e735834..77f88408cbd83 100644
--- a/packages/react-components/react-persona/src/common/isConformant.ts
+++ b/packages/react-components/react-persona/src/common/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
   };
 
diff --git a/packages/react-components/react-popover/src/common/isConformant.ts b/packages/react-components/react-popover/src/common/isConformant.ts
index c35cc6e735834..77f88408cbd83 100644
--- a/packages/react-components/react-popover/src/common/isConformant.ts
+++ b/packages/react-components/react-popover/src/common/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
   };
 
diff --git a/packages/react-components/react-progress/src/common/isConformant.ts b/packages/react-components/react-progress/src/common/isConformant.ts
index c35cc6e735834..77f88408cbd83 100644
--- a/packages/react-components/react-progress/src/common/isConformant.ts
+++ b/packages/react-components/react-progress/src/common/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
   };
 
diff --git a/packages/react-components/react-provider/src/common/isConformant.ts b/packages/react-components/react-provider/src/common/isConformant.ts
index 0f190c58a519e..b94dff389b235 100644
--- a/packages/react-components/react-provider/src/common/isConformant.ts
+++ b/packages/react-components/react-provider/src/common/isConformant.ts
@@ -5,7 +5,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
   };
 
   baseIsConformant(defaultOptions, testInfo);
diff --git a/packages/react-components/react-radio/src/common/isConformant.ts b/packages/react-components/react-radio/src/common/isConformant.ts
index c35cc6e735834..77f88408cbd83 100644
--- a/packages/react-components/react-radio/src/common/isConformant.ts
+++ b/packages/react-components/react-radio/src/common/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
   };
 
diff --git a/packages/react-components/react-select/src/testing/isConformant.ts b/packages/react-components/react-select/src/testing/isConformant.ts
index c35cc6e735834..77f88408cbd83 100644
--- a/packages/react-components/react-select/src/testing/isConformant.ts
+++ b/packages/react-components/react-select/src/testing/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
   };
 
diff --git a/packages/react-components/react-slider/src/testing/isConformant.ts b/packages/react-components/react-slider/src/testing/isConformant.ts
index c35cc6e735834..77f88408cbd83 100644
--- a/packages/react-components/react-slider/src/testing/isConformant.ts
+++ b/packages/react-components/react-slider/src/testing/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
   };
 
diff --git a/packages/react-components/react-spinbutton/src/common/isConformant.ts b/packages/react-components/react-spinbutton/src/common/isConformant.ts
index c35cc6e735834..77f88408cbd83 100644
--- a/packages/react-components/react-spinbutton/src/common/isConformant.ts
+++ b/packages/react-components/react-spinbutton/src/common/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
   };
 
diff --git a/packages/react-components/react-spinner/src/common/isConformant.ts b/packages/react-components/react-spinner/src/common/isConformant.ts
index c35cc6e735834..77f88408cbd83 100644
--- a/packages/react-components/react-spinner/src/common/isConformant.ts
+++ b/packages/react-components/react-spinner/src/common/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
   };
 
diff --git a/packages/react-components/react-switch/src/common/isConformant.ts b/packages/react-components/react-switch/src/common/isConformant.ts
index c35cc6e735834..77f88408cbd83 100644
--- a/packages/react-components/react-switch/src/common/isConformant.ts
+++ b/packages/react-components/react-switch/src/common/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
   };
 
diff --git a/packages/react-components/react-table/src/testing/isConformant.ts b/packages/react-components/react-table/src/testing/isConformant.ts
index c35cc6e735834..77f88408cbd83 100644
--- a/packages/react-components/react-table/src/testing/isConformant.ts
+++ b/packages/react-components/react-table/src/testing/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
   };
 
diff --git a/packages/react-components/react-tabs/src/testing/isConformant.ts b/packages/react-components/react-tabs/src/testing/isConformant.ts
index c35cc6e735834..77f88408cbd83 100644
--- a/packages/react-components/react-tabs/src/testing/isConformant.ts
+++ b/packages/react-components/react-tabs/src/testing/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
   };
 
diff --git a/packages/react-components/react-text/src/testing/isConformant.ts b/packages/react-components/react-text/src/testing/isConformant.ts
index 0b5699b4265cc..55b0ea70534bb 100644
--- a/packages/react-components/react-text/src/testing/isConformant.ts
+++ b/packages/react-components/react-text/src/testing/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
     testOptions: {
       'make-styles-overrides-win': {
diff --git a/packages/react-components/react-textarea/src/common/isConformant.ts b/packages/react-components/react-textarea/src/common/isConformant.ts
index c35cc6e735834..77f88408cbd83 100644
--- a/packages/react-components/react-textarea/src/common/isConformant.ts
+++ b/packages/react-components/react-textarea/src/common/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
   };
 
diff --git a/packages/react-components/react-toolbar/src/common/isConformant.ts b/packages/react-components/react-toolbar/src/common/isConformant.ts
index c35cc6e735834..77f88408cbd83 100644
--- a/packages/react-components/react-toolbar/src/common/isConformant.ts
+++ b/packages/react-components/react-toolbar/src/common/isConformant.ts
@@ -6,7 +6,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
   };
 
diff --git a/packages/react-components/react-tooltip/src/common/isConformant.ts b/packages/react-components/react-tooltip/src/common/isConformant.ts
index 0f190c58a519e..b94dff389b235 100644
--- a/packages/react-components/react-tooltip/src/common/isConformant.ts
+++ b/packages/react-components/react-tooltip/src/common/isConformant.ts
@@ -5,7 +5,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
   };
 
   baseIsConformant(defaultOptions, testInfo);
diff --git a/packages/react-conformance/README.md b/packages/react-conformance/README.md
index e21f5c7b7263f..e2e9d7b5f431a 100644
--- a/packages/react-conformance/README.md
+++ b/packages/react-conformance/README.md
@@ -25,7 +25,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     // 👆 Put any required test options here ( ex: componentPath, asPropHandlesRef, ... )
   };
 
diff --git a/packages/react-focus/src/common/isConformant.ts b/packages/react-focus/src/common/isConformant.ts
index 3acdaa57d2eeb..05577d11cc42b 100644
--- a/packages/react-focus/src/common/isConformant.ts
+++ b/packages/react-focus/src/common/isConformant.ts
@@ -11,7 +11,7 @@ export function isConformant<TProps = {}>(
         prefix: 'ms-',
       },
     },
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
   };
 
   baseIsConformant(defaultOptions, testInfo);
diff --git a/packages/react/src/common/isConformant.ts b/packages/react/src/common/isConformant.ts
index 756b618ea0065..9668dbf85fee3 100644
--- a/packages/react/src/common/isConformant.ts
+++ b/packages/react/src/common/isConformant.ts
@@ -17,7 +17,7 @@ export function isConformant<TProps = {}>(
       'consistent-callback-args',
       'component-has-static-classnames-object',
     ],
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
   };
 
   baseIsConformant(defaultOptions, testInfo);
diff --git a/packages/react/src/components/Persona/Persona.test.tsx b/packages/react/src/components/Persona/Persona.test.tsx
index 425b1fd0f4897..b4c9656fdfcaa 100644
--- a/packages/react/src/components/Persona/Persona.test.tsx
+++ b/packages/react/src/components/Persona/Persona.test.tsx
@@ -8,8 +8,8 @@ import { mount, ReactWrapper } from 'enzyme';
 import { getIcon } from '../../Styling';
 import { PersonaPresence, PersonaSize } from './index';
 import { isConformant } from '../../common/isConformant';
-import type { IRenderFunction } from '../../Utilities';
-import type { IPersonaSharedProps, IPersonaProps, IPersonaCoinProps } from './index';
+import type { IPersonaSharedProps, IPersonaCoinProps } from './index';
+import { wrapPersona } from './test-utils';
 
 const testImage1x1 =
   'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQImWP4DwQACfsD/eNV8pwAAAAASUVORK5CYII=';
@@ -21,22 +21,6 @@ const STYLES = {
   red: '.ms-Persona-initials--red',
 };
 
-/**
- * function to override the default onRender callbacks
- */
-export const wrapPersona = (
-  example: IPersonaSharedProps,
-  shouldWrapPersonaCoin: boolean = false,
-): ((coinProps: IPersonaProps, defaultRenderer: IRenderFunction<IPersonaProps>) => JSX.Element | null) => {
-  return (coinProps, defaultCoinRenderer): JSX.Element | null => {
-    return shouldWrapPersonaCoin ? (
-      <span id="persona-coin-container">{defaultCoinRenderer(coinProps)}</span>
-    ) : (
-      defaultCoinRenderer(coinProps)
-    );
-  };
-};
-
 const customOnRenderPersonaFunction = (props: IPersonaCoinProps): JSX.Element | null => {
   return <Icon iconName="Dictionary" />;
 };
diff --git a/packages/react/src/components/Persona/PersonaCoin/PersonaCoin.test.tsx b/packages/react/src/components/Persona/PersonaCoin/PersonaCoin.test.tsx
index 91db75a87a013..03db02d65eca2 100644
--- a/packages/react/src/components/Persona/PersonaCoin/PersonaCoin.test.tsx
+++ b/packages/react/src/components/Persona/PersonaCoin/PersonaCoin.test.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { create } from '@fluentui/utilities/lib/test';
 import { setRTL } from '../../../Utilities';
 import { PersonaCoin } from './PersonaCoin';
-import { wrapPersona } from '../Persona.test';
+import { wrapPersona } from '../test-utils';
 
 const testImage1x1 =
   'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQImWP4DwQACfsD/eNV8pwAAAAASUVORK5CYII=';
diff --git a/packages/react/src/components/Persona/PersonaCoin/__snapshots__/PersonaCoin.test.tsx.snap b/packages/react/src/components/Persona/PersonaCoin/__snapshots__/PersonaCoin.test.tsx.snap
index 587956ce7219a..346afa0cbf416 100644
--- a/packages/react/src/components/Persona/PersonaCoin/__snapshots__/PersonaCoin.test.tsx.snap
+++ b/packages/react/src/components/Persona/PersonaCoin/__snapshots__/PersonaCoin.test.tsx.snap
@@ -1,1837 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Persona renders Persona children correctly 1`] = `
-<div
-  className=
-      ms-Persona
-      ms-Persona--size48
-      {
-        -moz-osx-font-smoothing: grayscale;
-        -webkit-font-smoothing: antialiased;
-        align-items: center;
-        box-shadow: none;
-        box-sizing: border-box;
-        color: #323130;
-        display: flex;
-        font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-        font-size: 14px;
-        font-weight: 400;
-        height: 48px;
-        margin-bottom: 0px;
-        margin-left: 0px;
-        margin-right: 0px;
-        margin-top: 0px;
-        min-width: 48px;
-        padding-bottom: 0px;
-        padding-left: 0px;
-        padding-right: 0px;
-        padding-top: 0px;
-        position: relative;
-      }
-      & .contextualHost {
-        display: none;
-      }
->
-  <div
-    className=
-        ms-Persona-coin
-        ms-Persona--size48
-        {
-          -moz-osx-font-smoothing: grayscale;
-          -webkit-font-smoothing: antialiased;
-          font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-          font-size: 14px;
-          font-weight: 400;
-        }
-    role="presentation"
-  >
-    <div
-      className=
-          ms-Persona-imageArea
-          {
-            flex: 0 0 auto;
-            height: 48px;
-            position: relative;
-            text-align: center;
-            width: 48px;
-          }
-      role="presentation"
-    >
-      <div
-        aria-hidden="true"
-        className=
-            ms-Persona-initials
-            {
-              background-color: #498205;
-              border-radius: 50%;
-              color: #ffffff;
-              font-size: 16px;
-              font-weight: 600;
-              height: 48px;
-              line-height: 46px;
-            }
-            @media screen and (-ms-high-contrast: active), screen and (forced-colors: active){& {
-              -ms-high-contrast-adjust: none;
-              background-color: Window !important;
-              border: 1px solid WindowText;
-              box-sizing: border-box;
-              color: WindowText;
-              forced-color-adjust: none;
-            }
-            & i {
-              font-weight: 600;
-            }
-      >
-        <span>
-          KL
-        </span>
-      </div>
-    </div>
-  </div>
-  <div
-    className=
-        ms-Persona-details
-        {
-          display: flex;
-          flex-direction: column;
-          justify-content: space-around;
-          min-width: 0px;
-          padding-bottom: 0;
-          padding-left: 12px;
-          padding-right: 12px;
-          padding-top: 0;
-          text-align: left;
-          width: 100%;
-        }
-  >
-    <div
-      className=
-          ms-Persona-primaryText
-          {
-            color: #323130;
-            font-size: 14px;
-            font-weight: 400;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-          }
-          &:hover {
-            color: #201f1e;
-          }
-      dir="auto"
-    >
-      <div
-        className=
-            ms-TooltipHost
-            {
-              display: inline;
-            }
-        onBlurCapture={[Function]}
-        onFocusCapture={[Function]}
-        onKeyDown={[Function]}
-        onMouseEnter={[Function]}
-        onMouseLeave={[Function]}
-        role="none"
-      >
-        Kat Larrson
-        <div
-          hidden={true}
-          id="tooltip15"
-          style={
-            Object {
-              "border": 0,
-              "height": 1,
-              "margin": -1,
-              "overflow": "hidden",
-              "padding": 0,
-              "position": "absolute",
-              "whiteSpace": "nowrap",
-              "width": 1,
-            }
-          }
-        >
-          Kat Larrson
-        </div>
-      </div>
-    </div>
-    <span>
-      Persona Children
-    </span>
-  </div>
-</div>
-`;
-
-exports[`Persona renders Persona correctly with UnknownPersona coin 1`] = `
-<div
-  className=
-      ms-Persona
-      ms-Persona--size48
-      {
-        -moz-osx-font-smoothing: grayscale;
-        -webkit-font-smoothing: antialiased;
-        align-items: center;
-        box-shadow: none;
-        box-sizing: border-box;
-        color: #323130;
-        display: flex;
-        font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-        font-size: 14px;
-        font-weight: 400;
-        height: 48px;
-        margin-bottom: 0px;
-        margin-left: 0px;
-        margin-right: 0px;
-        margin-top: 0px;
-        min-width: 48px;
-        padding-bottom: 0px;
-        padding-left: 0px;
-        padding-right: 0px;
-        padding-top: 0px;
-        position: relative;
-      }
-      & .contextualHost {
-        display: none;
-      }
->
-  <div
-    className=
-        ms-Persona-coin
-        ms-Persona--size48
-        {
-          -moz-osx-font-smoothing: grayscale;
-          -webkit-font-smoothing: antialiased;
-          font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-          font-size: 14px;
-          font-weight: 400;
-        }
-    role="presentation"
-  >
-    <div
-      className=
-          ms-Persona-imageArea
-          {
-            flex: 0 0 auto;
-            height: 48px;
-            position: relative;
-            text-align: center;
-            width: 48px;
-          }
-      role="presentation"
-    >
-      <div
-        aria-hidden="true"
-        className=
-            ms-Persona-initials
-            {
-              background-color: rgb(234, 234, 234);
-              border-radius: 50%;
-              color: rgb(168, 0, 0);
-              font-size: 16px;
-              font-weight: 600;
-              height: 48px;
-              line-height: 46px;
-            }
-            @media screen and (-ms-high-contrast: active), screen and (forced-colors: active){& {
-              -ms-high-contrast-adjust: none;
-              background-color: Window !important;
-              border: 1px solid WindowText;
-              box-sizing: border-box;
-              color: WindowText;
-              forced-color-adjust: none;
-            }
-            & i {
-              font-weight: 600;
-            }
-      >
-        <i
-          aria-hidden={true}
-          className=
-
-              {
-                -moz-osx-font-smoothing: grayscale;
-                -webkit-font-smoothing: antialiased;
-                display: inline-block;
-                font-family: "FabricMDL2Icons-1";
-                font-style: normal;
-                font-weight: normal;
-                speak: none;
-              }
-          data-icon-name="Help"
-        >
-          
-        </i>
-      </div>
-    </div>
-  </div>
-  <div
-    className=
-        ms-Persona-details
-        {
-          display: flex;
-          flex-direction: column;
-          justify-content: space-around;
-          min-width: 0px;
-          padding-bottom: 0;
-          padding-left: 12px;
-          padding-right: 12px;
-          padding-top: 0;
-          text-align: left;
-          width: 100%;
-        }
-  >
-    <div
-      className=
-          ms-Persona-primaryText
-          {
-            color: #323130;
-            font-size: 14px;
-            font-weight: 400;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-          }
-          &:hover {
-            color: #201f1e;
-          }
-      dir="auto"
-    >
-      <div
-        className=
-            ms-TooltipHost
-            {
-              display: inline;
-            }
-        onBlurCapture={[Function]}
-        onFocusCapture={[Function]}
-        onKeyDown={[Function]}
-        onMouseEnter={[Function]}
-        onMouseLeave={[Function]}
-        role="none"
-      >
-        Kat Larrson
-        <div
-          hidden={true}
-          id="tooltip2"
-          style={
-            Object {
-              "border": 0,
-              "height": 1,
-              "margin": -1,
-              "overflow": "hidden",
-              "padding": 0,
-              "position": "absolute",
-              "whiteSpace": "nowrap",
-              "width": 1,
-            }
-          }
-        >
-          Kat Larrson
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Persona renders Persona correctly with image 1`] = `
-<div
-  className=
-      ms-Persona
-      ms-Persona--size48
-      {
-        -moz-osx-font-smoothing: grayscale;
-        -webkit-font-smoothing: antialiased;
-        align-items: center;
-        box-shadow: none;
-        box-sizing: border-box;
-        color: #323130;
-        display: flex;
-        font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-        font-size: 14px;
-        font-weight: 400;
-        height: 48px;
-        margin-bottom: 0px;
-        margin-left: 0px;
-        margin-right: 0px;
-        margin-top: 0px;
-        min-width: 48px;
-        padding-bottom: 0px;
-        padding-left: 0px;
-        padding-right: 0px;
-        padding-top: 0px;
-        position: relative;
-      }
-      & .contextualHost {
-        display: none;
-      }
->
-  <div
-    className=
-        ms-Persona-coin
-        ms-Persona--size48
-        {
-          -moz-osx-font-smoothing: grayscale;
-          -webkit-font-smoothing: antialiased;
-          font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-          font-size: 14px;
-          font-weight: 400;
-        }
-    role="presentation"
-  >
-    <div
-      className=
-          ms-Persona-imageArea
-          {
-            flex: 0 0 auto;
-            height: 48px;
-            position: relative;
-            text-align: center;
-            width: 48px;
-          }
-      role="presentation"
-    >
-      <div
-        className=
-            ms-Image
-            ms-Persona-image
-            {
-              -moz-osx-font-smoothing: grayscale;
-              -webkit-font-smoothing: antialiased;
-              border-radius: 50%;
-              border: 0px;
-              font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-              font-size: 14px;
-              font-weight: 400;
-              height: 48px;
-              left: 0px;
-              margin-right: 10px;
-              overflow: hidden;
-              perspective: 1px;
-              position: absolute;
-              top: 0px;
-              width: 48px;
-            }
-        style={
-          Object {
-            "height": 48,
-            "width": 48,
-          }
-        }
-      >
-        <img
-          alt=""
-          className=
-              ms-Image-image
-              ms-Image-image--cover
-              ms-Image-image--portrait
-              is-notLoaded
-              is-fadeIn
-              {
-                display: block;
-                height: 100%;
-                object-fit: cover;
-                opacity: 0;
-                width: 100%;
-              }
-          onError={[Function]}
-          onLoad={[Function]}
-          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQImWP4DwQACfsD/eNV8pwAAAAASUVORK5CYII="
-        />
-      </div>
-    </div>
-  </div>
-  <div
-    className=
-        ms-Persona-details
-        {
-          display: flex;
-          flex-direction: column;
-          justify-content: space-around;
-          min-width: 0px;
-          padding-bottom: 0;
-          padding-left: 12px;
-          padding-right: 12px;
-          padding-top: 0;
-          text-align: left;
-          width: 100%;
-        }
-  >
-    <div
-      className=
-          ms-Persona-primaryText
-          {
-            color: #323130;
-            font-size: 14px;
-            font-weight: 400;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-          }
-          &:hover {
-            color: #201f1e;
-          }
-      dir="auto"
-    >
-      <div
-        className=
-            ms-TooltipHost
-            {
-              display: inline;
-            }
-        onBlurCapture={[Function]}
-        onFocusCapture={[Function]}
-        onKeyDown={[Function]}
-        onMouseEnter={[Function]}
-        onMouseLeave={[Function]}
-        role="none"
-      >
-        Kat Larrson
-        <div
-          hidden={true}
-          id="tooltip1"
-          style={
-            Object {
-              "border": 0,
-              "height": 1,
-              "margin": -1,
-              "overflow": "hidden",
-              "padding": 0,
-              "position": "absolute",
-              "whiteSpace": "nowrap",
-              "width": 1,
-            }
-          }
-        >
-          Kat Larrson
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Persona renders Persona correctly with initials 1`] = `
-<div
-  className=
-      ms-Persona
-      ms-Persona--size48
-      {
-        -moz-osx-font-smoothing: grayscale;
-        -webkit-font-smoothing: antialiased;
-        align-items: center;
-        box-shadow: none;
-        box-sizing: border-box;
-        color: #323130;
-        display: flex;
-        font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-        font-size: 14px;
-        font-weight: 400;
-        height: 48px;
-        margin-bottom: 0px;
-        margin-left: 0px;
-        margin-right: 0px;
-        margin-top: 0px;
-        min-width: 48px;
-        padding-bottom: 0px;
-        padding-left: 0px;
-        padding-right: 0px;
-        padding-top: 0px;
-        position: relative;
-      }
-      & .contextualHost {
-        display: none;
-      }
->
-  <div
-    className=
-        ms-Persona-coin
-        ms-Persona--size48
-        {
-          -moz-osx-font-smoothing: grayscale;
-          -webkit-font-smoothing: antialiased;
-          font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-          font-size: 14px;
-          font-weight: 400;
-        }
-    role="presentation"
-  >
-    <div
-      className=
-          ms-Persona-imageArea
-          {
-            flex: 0 0 auto;
-            height: 48px;
-            position: relative;
-            text-align: center;
-            width: 48px;
-          }
-      role="presentation"
-    >
-      <div
-        aria-hidden="true"
-        className=
-            ms-Persona-initials
-            {
-              background-color: #498205;
-              border-radius: 50%;
-              color: #ffffff;
-              font-size: 16px;
-              font-weight: 600;
-              height: 48px;
-              line-height: 46px;
-            }
-            @media screen and (-ms-high-contrast: active), screen and (forced-colors: active){& {
-              -ms-high-contrast-adjust: none;
-              background-color: Window !important;
-              border: 1px solid WindowText;
-              box-sizing: border-box;
-              color: WindowText;
-              forced-color-adjust: none;
-            }
-            & i {
-              font-weight: 600;
-            }
-      >
-        <span>
-          KL
-        </span>
-      </div>
-    </div>
-  </div>
-  <div
-    className=
-        ms-Persona-details
-        {
-          display: flex;
-          flex-direction: column;
-          justify-content: space-around;
-          min-width: 0px;
-          padding-bottom: 0;
-          padding-left: 12px;
-          padding-right: 12px;
-          padding-top: 0;
-          text-align: left;
-          width: 100%;
-        }
-  >
-    <div
-      className=
-          ms-Persona-primaryText
-          {
-            color: #323130;
-            font-size: 14px;
-            font-weight: 400;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-          }
-          &:hover {
-            color: #201f1e;
-          }
-      dir="auto"
-    >
-      <div
-        className=
-            ms-TooltipHost
-            {
-              display: inline;
-            }
-        onBlurCapture={[Function]}
-        onFocusCapture={[Function]}
-        onKeyDown={[Function]}
-        onMouseEnter={[Function]}
-        onMouseLeave={[Function]}
-        role="none"
-      >
-        Kat Larrson
-        <div
-          hidden={true}
-          id="tooltip0"
-          style={
-            Object {
-              "border": 0,
-              "height": 1,
-              "margin": -1,
-              "overflow": "hidden",
-              "padding": 0,
-              "position": "absolute",
-              "whiteSpace": "nowrap",
-              "width": 1,
-            }
-          }
-        >
-          Kat Larrson
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Persona renders Persona correctly with no props 1`] = `
-<div
-  className=
-      ms-Persona
-      ms-Persona--size48
-      {
-        -moz-osx-font-smoothing: grayscale;
-        -webkit-font-smoothing: antialiased;
-        align-items: center;
-        box-shadow: none;
-        box-sizing: border-box;
-        color: #323130;
-        display: flex;
-        font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-        font-size: 14px;
-        font-weight: 400;
-        height: 48px;
-        margin-bottom: 0px;
-        margin-left: 0px;
-        margin-right: 0px;
-        margin-top: 0px;
-        min-width: 48px;
-        padding-bottom: 0px;
-        padding-left: 0px;
-        padding-right: 0px;
-        padding-top: 0px;
-        position: relative;
-      }
-      & .contextualHost {
-        display: none;
-      }
->
-  <div
-    className=
-        ms-Persona-coin
-        ms-Persona--size48
-        {
-          -moz-osx-font-smoothing: grayscale;
-          -webkit-font-smoothing: antialiased;
-          font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-          font-size: 14px;
-          font-weight: 400;
-        }
-    role="presentation"
-  >
-    <div
-      className=
-          ms-Persona-imageArea
-          {
-            flex: 0 0 auto;
-            height: 48px;
-            position: relative;
-            text-align: center;
-            width: 48px;
-          }
-      role="presentation"
-    >
-      <div
-        aria-hidden="true"
-        className=
-            ms-Persona-initials
-            {
-              background-color: #0078D4;
-              border-radius: 50%;
-              color: #ffffff;
-              font-size: 16px;
-              font-weight: 600;
-              height: 48px;
-              line-height: 46px;
-            }
-            @media screen and (-ms-high-contrast: active), screen and (forced-colors: active){& {
-              -ms-high-contrast-adjust: none;
-              background-color: Window !important;
-              border: 1px solid WindowText;
-              box-sizing: border-box;
-              color: WindowText;
-              forced-color-adjust: none;
-            }
-            & i {
-              font-weight: 600;
-            }
-      >
-        <i
-          aria-hidden={true}
-          className=
-
-              {
-                -moz-osx-font-smoothing: grayscale;
-                -webkit-font-smoothing: antialiased;
-                display: inline-block;
-                font-family: "FabricMDL2Icons-0";
-                font-style: normal;
-                font-weight: normal;
-                speak: none;
-              }
-          data-icon-name="Contact"
-        >
-          
-        </i>
-      </div>
-    </div>
-  </div>
-  <div
-    className=
-        ms-Persona-details
-        {
-          display: flex;
-          flex-direction: column;
-          justify-content: space-around;
-          min-width: 0px;
-          padding-bottom: 0;
-          padding-left: 12px;
-          padding-right: 12px;
-          padding-top: 0;
-          text-align: left;
-          width: 100%;
-        }
-  />
-</div>
-`;
-
-exports[`Persona renders Persona which calls onRenderCoin callback without imageUrl 1`] = `
-<div
-  className=
-      ms-Persona
-      ms-Persona--size100
-      ms-Persona--blocked
-      {
-        -moz-osx-font-smoothing: grayscale;
-        -webkit-font-smoothing: antialiased;
-        align-items: center;
-        box-shadow: none;
-        box-sizing: border-box;
-        color: #323130;
-        display: flex;
-        font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-        font-size: 14px;
-        font-weight: 400;
-        height: 100px;
-        margin-bottom: 0px;
-        margin-left: 0px;
-        margin-right: 0px;
-        margin-top: 0px;
-        min-width: 100px;
-        padding-bottom: 0px;
-        padding-left: 0px;
-        padding-right: 0px;
-        padding-top: 0px;
-        position: relative;
-      }
-      & .contextualHost {
-        display: none;
-      }
->
-  <div
-    className=
-        ms-Persona-coin
-        ms-Persona--size100
-        {
-          -moz-osx-font-smoothing: grayscale;
-          -webkit-font-smoothing: antialiased;
-          font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-          font-size: 14px;
-          font-weight: 400;
-        }
-    role="presentation"
-  >
-    <div
-      className=
-          ms-Persona-imageArea
-          {
-            flex: 0 0 auto;
-            height: 100px;
-            position: relative;
-            text-align: center;
-            width: 100px;
-          }
-      role="presentation"
-    >
-      <div
-        aria-hidden="true"
-        className=
-            ms-Persona-initials
-            {
-              background-color: #8E562E;
-              border-radius: 50%;
-              color: #ffffff;
-              font-size: 42px;
-              font-weight: 600;
-              height: 100px;
-              line-height: 100px;
-            }
-            @media screen and (-ms-high-contrast: active), screen and (forced-colors: active){& {
-              -ms-high-contrast-adjust: none;
-              background-color: Window !important;
-              border: 1px solid WindowText;
-              box-sizing: border-box;
-              color: WindowText;
-              forced-color-adjust: none;
-            }
-            & i {
-              font-weight: 600;
-            }
-      >
-        <span>
-          SV
-        </span>
-      </div>
-      <span
-        id="persona-coin-container"
-      />
-      <div
-        className=
-            ms-Persona-presence
-            {
-              -ms-high-contrast-adjust: none;
-              background-clip: border-box;
-              background-color: #ffffff;
-              border-radius: 50%;
-              border: 2px solid #ffffff;
-              bottom: -2px;
-              box-sizing: content-box;
-              forced-color-adjust: none;
-              height: 28px;
-              position: absolute;
-              right: -2px;
-              text-align: center;
-              top: auto;
-              width: 28px;
-            }
-            @media screen and (-ms-high-contrast: active), screen and (forced-colors: active){& {
-              background-color: WindowText;
-              border-color: Window;
-            }
-            &:after {
-              background-color: #C43148;
-              content: "";
-              height: 2px;
-              left: 0px;
-              position: absolute;
-              top: 50%;
-              transform: translateY(-50%) rotate(-45deg);
-              width: 100%;
-            }
-            @media screen and (-ms-high-contrast: active), screen and (forced-colors: active){&:after {
-              background-color: Window;
-              left: 2px;
-              width: calc(100% - 4px);
-            }
-            &:before {
-              border-radius: 50%;
-              border: 2px solid #C43148;
-              box-sizing: border-box;
-              content: "";
-              height: 100%;
-              left: 0px;
-              position: absolute;
-              top: 0px;
-              width: 100%;
-            }
-            @media screen and (-ms-high-contrast: active), screen and (forced-colors: active){&:before {
-              border-color: Window;
-              height: calc(100% - 2px);
-              left: 1px;
-              top: 1px;
-              width: calc(100% - 2px);
-            }
-        role="presentation"
-      >
-        <i
-          aria-hidden={true}
-          className=
-              ms-Icon-placeHolder
-              ms-Persona-presenceIcon
-              {
-                color: #ffffff;
-                display: inline-block;
-                font-size: 14px;
-                line-height: 28px;
-                vertical-align: top;
-                width: 1em;
-              }
-              @media screen and (-ms-high-contrast: active), screen and (forced-colors: active){& {
-                color: Window;
-              }
-          data-icon-name=""
-        />
-      </div>
-    </div>
-  </div>
-  <div
-    className=
-        ms-Persona-details
-        {
-          display: flex;
-          flex-direction: column;
-          justify-content: space-around;
-          min-width: 0px;
-          padding-bottom: 0;
-          padding-left: 16px;
-          padding-right: 24px;
-          padding-top: 0;
-          text-align: left;
-          width: 100%;
-        }
-  >
-    <div
-      className=
-          ms-Persona-primaryText
-          {
-            color: #323130;
-            font-size: 20px;
-            font-weight: 400;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-          }
-          &:hover {
-            color: #201f1e;
-          }
-      dir="auto"
-    >
-      <div
-        className=
-            ms-TooltipHost
-            {
-              display: inline;
-            }
-        onBlurCapture={[Function]}
-        onFocusCapture={[Function]}
-        onKeyDown={[Function]}
-        onMouseEnter={[Function]}
-        onMouseLeave={[Function]}
-        role="none"
-      >
-        Swapnil Vaibhav
-        <div
-          hidden={true}
-          id="tooltip3"
-          style={
-            Object {
-              "border": 0,
-              "height": 1,
-              "margin": -1,
-              "overflow": "hidden",
-              "padding": 0,
-              "position": "absolute",
-              "whiteSpace": "nowrap",
-              "width": 1,
-            }
-          }
-        >
-          Swapnil Vaibhav
-        </div>
-      </div>
-    </div>
-    <div
-      className=
-          ms-Persona-secondaryText
-          {
-            color: #605e5c;
-            font-size: 14px;
-            font-weight: 400;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-          }
-      dir="auto"
-    >
-      <div
-        className=
-            ms-TooltipHost
-            {
-              display: inline;
-            }
-        onBlurCapture={[Function]}
-        onFocusCapture={[Function]}
-        onKeyDown={[Function]}
-        onMouseEnter={[Function]}
-        onMouseLeave={[Function]}
-        role="none"
-      >
-        Software Engineer
-        <div
-          hidden={true}
-          id="tooltip4"
-          style={
-            Object {
-              "border": 0,
-              "height": 1,
-              "margin": -1,
-              "overflow": "hidden",
-              "padding": 0,
-              "position": "absolute",
-              "whiteSpace": "nowrap",
-              "width": 1,
-            }
-          }
-        >
-          Software Engineer
-        </div>
-      </div>
-    </div>
-    <div
-      className=
-          ms-Persona-tertiaryText
-          {
-            color: #605e5c;
-            display: block;
-            font-size: 14px;
-            font-weight: 400;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-          }
-      dir="auto"
-    >
-      <div
-        className=
-            ms-TooltipHost
-            {
-              display: inline;
-            }
-        onBlurCapture={[Function]}
-        onFocusCapture={[Function]}
-        onKeyDown={[Function]}
-        onMouseEnter={[Function]}
-        onMouseLeave={[Function]}
-        role="none"
-      >
-        In a meeting
-        <div
-          hidden={true}
-          id="tooltip5"
-          style={
-            Object {
-              "border": 0,
-              "height": 1,
-              "margin": -1,
-              "overflow": "hidden",
-              "padding": 0,
-              "position": "absolute",
-              "whiteSpace": "nowrap",
-              "width": 1,
-            }
-          }
-        >
-          In a meeting
-        </div>
-      </div>
-    </div>
-    <div
-      className=
-          ms-Persona-optionalText
-          {
-            color: #605e5c;
-            display: block;
-            font-size: 14px;
-            font-weight: 400;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-          }
-      dir="auto"
-    >
-      <div
-        className=
-            ms-TooltipHost
-            {
-              display: inline;
-            }
-        onBlurCapture={[Function]}
-        onFocusCapture={[Function]}
-        onKeyDown={[Function]}
-        onMouseEnter={[Function]}
-        onMouseLeave={[Function]}
-        role="none"
-      >
-        Available at 4:00pm
-        <div
-          hidden={true}
-          id="tooltip6"
-          style={
-            Object {
-              "border": 0,
-              "height": 1,
-              "margin": -1,
-              "overflow": "hidden",
-              "padding": 0,
-              "position": "absolute",
-              "whiteSpace": "nowrap",
-              "width": 1,
-            }
-          }
-        >
-          Available at 4:00pm
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Persona renders Persona which calls onRenderPersonaCoin callback with custom render 1`] = `
-<div
-  className=
-      ms-Persona
-      ms-Persona--size100
-      ms-Persona--blocked
-      {
-        -moz-osx-font-smoothing: grayscale;
-        -webkit-font-smoothing: antialiased;
-        align-items: center;
-        box-shadow: none;
-        box-sizing: border-box;
-        color: #323130;
-        display: flex;
-        font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-        font-size: 14px;
-        font-weight: 400;
-        height: 100px;
-        margin-bottom: 0px;
-        margin-left: 0px;
-        margin-right: 0px;
-        margin-top: 0px;
-        min-width: 100px;
-        padding-bottom: 0px;
-        padding-left: 0px;
-        padding-right: 0px;
-        padding-top: 0px;
-        position: relative;
-      }
-      & .contextualHost {
-        display: none;
-      }
->
-  <i
-    aria-hidden={true}
-    className=
-
-        {
-          -moz-osx-font-smoothing: grayscale;
-          -webkit-font-smoothing: antialiased;
-          display: inline-block;
-          font-family: "FabricMDL2Icons-1";
-          font-style: normal;
-          font-weight: normal;
-          speak: none;
-        }
-    data-icon-name="Dictionary"
-  >
-    
-  </i>
-  <div
-    className=
-        ms-Persona-details
-        {
-          display: flex;
-          flex-direction: column;
-          justify-content: space-around;
-          min-width: 0px;
-          padding-bottom: 0;
-          padding-left: 16px;
-          padding-right: 24px;
-          padding-top: 0;
-          text-align: left;
-          width: 100%;
-        }
-  >
-    <div
-      className=
-          ms-Persona-primaryText
-          {
-            color: #323130;
-            font-size: 20px;
-            font-weight: 400;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-          }
-          &:hover {
-            color: #201f1e;
-          }
-      dir="auto"
-    >
-      <div
-        className=
-            ms-TooltipHost
-            {
-              display: inline;
-            }
-        onBlurCapture={[Function]}
-        onFocusCapture={[Function]}
-        onKeyDown={[Function]}
-        onMouseEnter={[Function]}
-        onMouseLeave={[Function]}
-        role="none"
-      >
-        Swapnil Vaibhav
-        <div
-          hidden={true}
-          id="tooltip7"
-          style={
-            Object {
-              "border": 0,
-              "height": 1,
-              "margin": -1,
-              "overflow": "hidden",
-              "padding": 0,
-              "position": "absolute",
-              "whiteSpace": "nowrap",
-              "width": 1,
-            }
-          }
-        >
-          Swapnil Vaibhav
-        </div>
-      </div>
-    </div>
-    <div
-      className=
-          ms-Persona-secondaryText
-          {
-            color: #605e5c;
-            font-size: 14px;
-            font-weight: 400;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-          }
-      dir="auto"
-    >
-      <div
-        className=
-            ms-TooltipHost
-            {
-              display: inline;
-            }
-        onBlurCapture={[Function]}
-        onFocusCapture={[Function]}
-        onKeyDown={[Function]}
-        onMouseEnter={[Function]}
-        onMouseLeave={[Function]}
-        role="none"
-      >
-        Software Engineer
-        <div
-          hidden={true}
-          id="tooltip8"
-          style={
-            Object {
-              "border": 0,
-              "height": 1,
-              "margin": -1,
-              "overflow": "hidden",
-              "padding": 0,
-              "position": "absolute",
-              "whiteSpace": "nowrap",
-              "width": 1,
-            }
-          }
-        >
-          Software Engineer
-        </div>
-      </div>
-    </div>
-    <div
-      className=
-          ms-Persona-tertiaryText
-          {
-            color: #605e5c;
-            display: block;
-            font-size: 14px;
-            font-weight: 400;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-          }
-      dir="auto"
-    >
-      <div
-        className=
-            ms-TooltipHost
-            {
-              display: inline;
-            }
-        onBlurCapture={[Function]}
-        onFocusCapture={[Function]}
-        onKeyDown={[Function]}
-        onMouseEnter={[Function]}
-        onMouseLeave={[Function]}
-        role="none"
-      >
-        In a meeting
-        <div
-          hidden={true}
-          id="tooltip9"
-          style={
-            Object {
-              "border": 0,
-              "height": 1,
-              "margin": -1,
-              "overflow": "hidden",
-              "padding": 0,
-              "position": "absolute",
-              "whiteSpace": "nowrap",
-              "width": 1,
-            }
-          }
-        >
-          In a meeting
-        </div>
-      </div>
-    </div>
-    <div
-      className=
-          ms-Persona-optionalText
-          {
-            color: #605e5c;
-            display: block;
-            font-size: 14px;
-            font-weight: 400;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-          }
-      dir="auto"
-    >
-      <div
-        className=
-            ms-TooltipHost
-            {
-              display: inline;
-            }
-        onBlurCapture={[Function]}
-        onFocusCapture={[Function]}
-        onKeyDown={[Function]}
-        onMouseEnter={[Function]}
-        onMouseLeave={[Function]}
-        role="none"
-      >
-        Available at 4:00pm
-        <div
-          hidden={true}
-          id="tooltip10"
-          style={
-            Object {
-              "border": 0,
-              "height": 1,
-              "margin": -1,
-              "overflow": "hidden",
-              "padding": 0,
-              "position": "absolute",
-              "whiteSpace": "nowrap",
-              "width": 1,
-            }
-          }
-        >
-          Available at 4:00pm
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Persona renders correctly with onRender callback 1`] = `
-<div
-  className=
-      ms-Persona
-      ms-Persona--size100
-      ms-Persona--blocked
-      {
-        -moz-osx-font-smoothing: grayscale;
-        -webkit-font-smoothing: antialiased;
-        align-items: center;
-        box-shadow: none;
-        box-sizing: border-box;
-        color: #323130;
-        display: flex;
-        font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-        font-size: 14px;
-        font-weight: 400;
-        height: 100px;
-        margin-bottom: 0px;
-        margin-left: 0px;
-        margin-right: 0px;
-        margin-top: 0px;
-        min-width: 100px;
-        padding-bottom: 0px;
-        padding-left: 0px;
-        padding-right: 0px;
-        padding-top: 0px;
-        position: relative;
-      }
-      & .contextualHost {
-        display: none;
-      }
->
-  <div
-    className=
-        ms-Persona-coin
-        ms-Persona--size100
-        {
-          -moz-osx-font-smoothing: grayscale;
-          -webkit-font-smoothing: antialiased;
-          font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-          font-size: 14px;
-          font-weight: 400;
-        }
-    role="presentation"
-  >
-    <div
-      className=
-          ms-Persona-imageArea
-          {
-            flex: 0 0 auto;
-            height: 100px;
-            position: relative;
-            text-align: center;
-            width: 100px;
-          }
-      role="presentation"
-    >
-      <div
-        className=
-            ms-Image
-            ms-Persona-image
-            {
-              -moz-osx-font-smoothing: grayscale;
-              -webkit-font-smoothing: antialiased;
-              border-radius: 50%;
-              border: 0px;
-              font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-              font-size: 14px;
-              font-weight: 400;
-              height: 100px;
-              left: 0px;
-              margin-right: 10px;
-              overflow: hidden;
-              perspective: 1px;
-              position: absolute;
-              top: 0px;
-              width: 100px;
-            }
-        style={
-          Object {
-            "height": 100,
-            "width": 100,
-          }
-        }
-      >
-        <img
-          alt=""
-          className=
-              ms-Image-image
-              ms-Image-image--cover
-              ms-Image-image--portrait
-              is-notLoaded
-              is-fadeIn
-              {
-                display: block;
-                height: 100%;
-                object-fit: cover;
-                opacity: 0;
-                width: 100%;
-              }
-          onError={[Function]}
-          onLoad={[Function]}
-          src="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png"
-        />
-      </div>
-      <div
-        className=
-            ms-Persona-presence
-            {
-              -ms-high-contrast-adjust: none;
-              background-clip: border-box;
-              background-color: #ffffff;
-              border-radius: 50%;
-              border: 2px solid #ffffff;
-              bottom: -2px;
-              box-sizing: content-box;
-              forced-color-adjust: none;
-              height: 28px;
-              position: absolute;
-              right: -2px;
-              text-align: center;
-              top: auto;
-              width: 28px;
-            }
-            @media screen and (-ms-high-contrast: active), screen and (forced-colors: active){& {
-              background-color: WindowText;
-              border-color: Window;
-            }
-            &:after {
-              background-color: #C43148;
-              content: "";
-              height: 2px;
-              left: 0px;
-              position: absolute;
-              top: 50%;
-              transform: translateY(-50%) rotate(-45deg);
-              width: 100%;
-            }
-            @media screen and (-ms-high-contrast: active), screen and (forced-colors: active){&:after {
-              background-color: Window;
-              left: 2px;
-              width: calc(100% - 4px);
-            }
-            &:before {
-              border-radius: 50%;
-              border: 2px solid #C43148;
-              box-sizing: border-box;
-              content: "";
-              height: 100%;
-              left: 0px;
-              position: absolute;
-              top: 0px;
-              width: 100%;
-            }
-            @media screen and (-ms-high-contrast: active), screen and (forced-colors: active){&:before {
-              border-color: Window;
-              height: calc(100% - 2px);
-              left: 1px;
-              top: 1px;
-              width: calc(100% - 2px);
-            }
-        role="presentation"
-      >
-        <i
-          aria-hidden={true}
-          className=
-              ms-Icon-placeHolder
-              ms-Persona-presenceIcon
-              {
-                color: #ffffff;
-                display: inline-block;
-                font-size: 14px;
-                line-height: 28px;
-                vertical-align: top;
-                width: 1em;
-              }
-              @media screen and (-ms-high-contrast: active), screen and (forced-colors: active){& {
-                color: Window;
-              }
-          data-icon-name=""
-        />
-      </div>
-    </div>
-  </div>
-  <div
-    className=
-        ms-Persona-details
-        {
-          display: flex;
-          flex-direction: column;
-          justify-content: space-around;
-          min-width: 0px;
-          padding-bottom: 0;
-          padding-left: 16px;
-          padding-right: 24px;
-          padding-top: 0;
-          text-align: left;
-          width: 100%;
-        }
-  >
-    <div
-      className=
-          ms-Persona-primaryText
-          {
-            color: #323130;
-            font-size: 20px;
-            font-weight: 400;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-          }
-          &:hover {
-            color: #201f1e;
-          }
-      dir="auto"
-    >
-      <div
-        className=
-            ms-TooltipHost
-            {
-              display: inline;
-            }
-        onBlurCapture={[Function]}
-        onFocusCapture={[Function]}
-        onKeyDown={[Function]}
-        onMouseEnter={[Function]}
-        onMouseLeave={[Function]}
-        role="none"
-      >
-        Swapnil Vaibhav
-        <div
-          hidden={true}
-          id="tooltip11"
-          style={
-            Object {
-              "border": 0,
-              "height": 1,
-              "margin": -1,
-              "overflow": "hidden",
-              "padding": 0,
-              "position": "absolute",
-              "whiteSpace": "nowrap",
-              "width": 1,
-            }
-          }
-        >
-          Swapnil Vaibhav
-        </div>
-      </div>
-    </div>
-    <div
-      className=
-          ms-Persona-secondaryText
-          {
-            color: #605e5c;
-            font-size: 14px;
-            font-weight: 400;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-          }
-      dir="auto"
-    >
-      <div
-        className=
-            ms-TooltipHost
-            {
-              display: inline;
-            }
-        onBlurCapture={[Function]}
-        onFocusCapture={[Function]}
-        onKeyDown={[Function]}
-        onMouseEnter={[Function]}
-        onMouseLeave={[Function]}
-        role="none"
-      >
-        Software Engineer
-        <div
-          hidden={true}
-          id="tooltip12"
-          style={
-            Object {
-              "border": 0,
-              "height": 1,
-              "margin": -1,
-              "overflow": "hidden",
-              "padding": 0,
-              "position": "absolute",
-              "whiteSpace": "nowrap",
-              "width": 1,
-            }
-          }
-        >
-          Software Engineer
-        </div>
-      </div>
-    </div>
-    <div
-      className=
-          ms-Persona-tertiaryText
-          {
-            color: #605e5c;
-            display: block;
-            font-size: 14px;
-            font-weight: 400;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-          }
-      dir="auto"
-    >
-      <div
-        className=
-            ms-TooltipHost
-            {
-              display: inline;
-            }
-        onBlurCapture={[Function]}
-        onFocusCapture={[Function]}
-        onKeyDown={[Function]}
-        onMouseEnter={[Function]}
-        onMouseLeave={[Function]}
-        role="none"
-      >
-        In a meeting
-        <div
-          hidden={true}
-          id="tooltip13"
-          style={
-            Object {
-              "border": 0,
-              "height": 1,
-              "margin": -1,
-              "overflow": "hidden",
-              "padding": 0,
-              "position": "absolute",
-              "whiteSpace": "nowrap",
-              "width": 1,
-            }
-          }
-        >
-          In a meeting
-        </div>
-      </div>
-    </div>
-    <div
-      className=
-          ms-Persona-optionalText
-          {
-            color: #605e5c;
-            display: block;
-            font-size: 14px;
-            font-weight: 400;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-          }
-      dir="auto"
-    >
-      <div
-        className=
-            ms-TooltipHost
-            {
-              display: inline;
-            }
-        onBlurCapture={[Function]}
-        onFocusCapture={[Function]}
-        onKeyDown={[Function]}
-        onMouseEnter={[Function]}
-        onMouseLeave={[Function]}
-        role="none"
-      >
-        Available at 4:00pm
-        <div
-          hidden={true}
-          id="tooltip14"
-          style={
-            Object {
-              "border": 0,
-              "height": 1,
-              "margin": -1,
-              "overflow": "hidden",
-              "padding": 0,
-              "position": "absolute",
-              "whiteSpace": "nowrap",
-              "width": 1,
-            }
-          }
-        >
-          Available at 4:00pm
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
 exports[`PersonaCoin does not render the initials when showInitialsUntilImageLoads is false 1`] = `
 <div
   className=
diff --git a/packages/react/src/components/Persona/test-utils.tsx b/packages/react/src/components/Persona/test-utils.tsx
new file mode 100644
index 0000000000000..441f8e941bcc8
--- /dev/null
+++ b/packages/react/src/components/Persona/test-utils.tsx
@@ -0,0 +1,19 @@
+import * as React from 'react';
+import type { IRenderFunction } from '../../Utilities';
+import type { IPersonaProps, IPersonaSharedProps } from './index';
+
+/**
+ * function to override the default onRender callbacks
+ */
+export const wrapPersona = (
+  example: IPersonaSharedProps,
+  shouldWrapPersonaCoin: boolean = false,
+): ((coinProps: IPersonaProps, defaultRenderer: IRenderFunction<IPersonaProps>) => JSX.Element | null) => {
+  return (coinProps, defaultCoinRenderer): JSX.Element | null => {
+    return shouldWrapPersonaCoin ? (
+      <span id="persona-coin-container">{defaultCoinRenderer(coinProps)}</span>
+    ) : (
+      defaultCoinRenderer(coinProps)
+    );
+  };
+};
diff --git a/scripts/create-component/plop-templates/src/common/isConformant.ts.hbs b/scripts/create-component/plop-templates/src/common/isConformant.ts.hbs
index c35cc6e735834..77f88408cbd83 100644
--- a/scripts/create-component/plop-templates/src/common/isConformant.ts.hbs
+++ b/scripts/create-component/plop-templates/src/common/isConformant.ts.hbs
@@ -6,7 +6,7 @@ export function isConformant<TProps = {}>(
   testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },
 ) {
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
-    componentPath: module!.parent!.filename.replace('.test', ''),
+    componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
   };
 
diff --git a/scripts/exec.js b/scripts/exec.js
index 40cd4fd16bbce..1a4a1e108b909 100644
--- a/scripts/exec.js
+++ b/scripts/exec.js
@@ -42,10 +42,10 @@ function exec(cmd, displayName, cwd = process.cwd(), opts = {}) {
     );
 
     if (opts.stdout) {
-      child.stdout.pipe(opts.stdout);
+      child.stdout?.pipe(opts.stdout);
     }
     if (opts.stderr) {
-      child.stderr.pipe(opts.stderr);
+      child.stderr?.pipe(opts.stderr);
     }
   });
 }
diff --git a/tools/generators/epic-generator/index.spec.ts b/tools/generators/epic-generator/index.spec.ts
index bc0dc6c78accc..f07c47ab82526 100644
--- a/tools/generators/epic-generator/index.spec.ts
+++ b/tools/generators/epic-generator/index.spec.ts
@@ -45,7 +45,7 @@ function setupTest(packages: Package[]) {
 
   // response to 'gh auth'
   spawnSyncMock.mockReturnValueOnce({
-    output: ['Logged in to github.com'],
+    output: [['Logged in to github.com']],
   });
 
   // response to epic creation
@@ -114,7 +114,7 @@ describe('epic-generator', () => {
 
     it('requires you to have logged in with gh', () => {
       spawnSyncMock.mockReturnValueOnce({
-        output: ['You are not logged into any GitHub hosts. Run gh auth login to authenticate.'],
+        output: [['You are not logged into any GitHub hosts. Run gh auth login to authenticate.']],
       });
 
       const tree = createTreeWithEmptyWorkspace();
diff --git a/typings/json-stable-stringify-without-jsonify/index.d.ts b/typings/json-stable-stringify-without-jsonify/index.d.ts
index 2541e43c77a22..7e2ad7bffad75 100644
--- a/typings/json-stable-stringify-without-jsonify/index.d.ts
+++ b/typings/json-stable-stringify-without-jsonify/index.d.ts
@@ -1,7 +1,7 @@
 // Type definitions for json-stable-stringify-without-jsonify 1.0.1
 
 declare module 'json-stable-stringify-without-jsonify' {
-  function stringify(value: Record<string, any>, options?: Partial<Options>): Record<string, any>;
+  function stringify(value: Record<string, any>, options?: Partial<Options>): string;
 
   interface Options {
     cmp: (a: any, b: any) => any;
diff --git a/yarn.lock b/yarn.lock
index 5ae1ed1a4f65a..ce0233f54c61e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5702,21 +5702,16 @@
     "@types/node" "*"
     form-data "^3.0.0"
 
-"@types/node@*", "@types/node@>=10.0.0", "@types/node@^14.0.10 || ^16.0.0", "@types/node@^14.14.20 || ^16.0.0", "@types/node@^14.14.31":
-  version "14.18.12"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.18.12.tgz#0d4557fd3b94497d793efd4e7d92df2f83b4ef24"
-  integrity sha512-q4jlIR71hUpWTnGhXWcakgkZeHa3CCjcQcnuzU8M891BAWA2jHiziiWEPEkdS5pFsz7H9HJiy8BrK7tBRNrY7A==
+"@types/node@*", "@types/node@14.18.32", "@types/node@>=10.0.0", "@types/node@^14.0.10 || ^16.0.0", "@types/node@^14.14.20 || ^16.0.0", "@types/node@^14.14.31":
+  version "14.18.32"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.18.32.tgz#8074f7106731f1a12ba993fe8bad86ee73905014"
+  integrity sha512-Y6S38pFr04yb13qqHf8uk1nHE3lXgQ30WZbv1mLliV9pt0NjvqdWttLcrOYLnXbOafknVYRHZGoMSpR9UwfYow==
 
-"@types/node@10.17.13":
+"@types/node@10.17.13", "@types/node@^10.12.18":
   version "10.17.13"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-10.17.13.tgz#ccebcdb990bd6139cd16e84c39dc2fb1023ca90c"
   integrity sha512-pMCcqU2zT4TjqYFrWtYHKal7Sl30Ims6ulZ4UFXxI4xbtQqK/qqKwkDoBFCfooRqqmRu9vY3xaJRwxSh673aYg==
 
-"@types/node@10.17.55", "@types/node@^10.12.18":
-  version "10.17.55"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-10.17.55.tgz#a147f282edec679b894d4694edb5abeb595fecbd"
-  integrity sha512-koZJ89uLZufDvToeWO5BrC4CR4OUfHnUz2qoPs/daQH6qq3IN62QFxCTZ+bKaCE0xaoCAJYE4AXre8AbghCrhg==
-
 "@types/node@12.20.24":
   version "12.20.24"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-12.20.24.tgz#c37ac69cb2948afb4cef95f424fa0037971a9a5c"
@@ -5728,9 +5723,9 @@
   integrity sha512-1RWYiq+5UfozGsU6MwJyFX6BtktcT10XRjvcAQmskCtMcW3tPske88lM/nHv7BQG1w9KBXI1zPGuu5PnNCX14g==
 
 "@types/node@^8.0.19":
-  version "8.10.54"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-8.10.54.tgz#1c88eb253ac1210f1a5876953fb70f7cc4928402"
-  integrity sha512-kaYyLYf6ICn6/isAyD4K1MyWWd5Q3JgH6bnMN089LUx88+s4W8GvK9Q6JMBVu5vsFFp7pMdSxdKmlBXwH/VFRg==
+  version "8.10.66"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-8.10.66.tgz#dd035d409df322acc83dff62a602f12a5783bbb3"
+  integrity sha512-tktOkFUA4kXx2hhhrB8bIFb5TbwzS4uOhKEmwiD+NoiL0qtP2OQ9mFldbgD4dV1djrlBYP6eBuQZiWjuHUpqFw==
 
 "@types/normalize-package-data@^2.4.0":
   version "2.4.0"