From 2216954b9e0efadc5223c2346b4cb31e20c8bc12 Mon Sep 17 00:00:00 2001
From: Jason Morse <35609178+JasonVMo@users.noreply.github.com>
Date: Mon, 17 Aug 2020 14:54:38 -0700
Subject: [PATCH] Integrate dependency checker into CI and fix dependency
 errors (#392)

* add depcheck command to repo

* fix more dependencies

* fix dependency errors

* fix last few dependency issues

* more dependency fixes and integrate into buildci

* workaround depcheck bad report

* Change files

* add prettier and extension updates to (hopefully) ensure consistency

* fix bad merge

* Change files
---
 .vscode/extensions.json                       |   9 ++
 .vscode/settings.json                         |  59 ++++++--
 apps/fluent-tester/package.json               |  14 +-
 .../src/RNTester/FabricTester.tsx             |  12 +-
 .../TestComponents/Button/ButtonFocusTest.tsx |   7 +-
 .../TestComponents/Button/ButtonIconTest.tsx  |   4 +-
 .../TestComponents/Checkbox/CheckboxTest.tsx  |  67 ++++-----
 .../RNTester/TestComponents/Common/Slider.tsx |  23 ++-
 .../ContextualMenu/ContextualMenuTest.tsx     |  35 +++--
 .../FocusTrapZone/FocusTrapZoneTest.tsx       |  34 ++---
 .../RNTester/TestComponents/Link/LinkTest.tsx |  23 ++-
 .../TestComponents/Persona/CustomizeUsage.tsx |   8 +-
 .../TestComponents/Persona/StandardUsage.tsx  |   7 +-
 .../PersonaCoin/CustomizeUsage.tsx            |   8 +-
 .../PersonaCoin/StandardUsage.tsx             |  12 +-
 .../Pressable/PressableTest.tsx               |  36 ++---
 .../RadioGroup/RadioGroupTest.tsx             |  21 ++-
 .../Separator/SeparatorTest.tsx               |  24 ++-
 .../src/RNTester/TestComponents/Test.tsx      |  56 +++----
 .../TestComponents/Text/CustomizeUsage.tsx    |   2 +-
 .../TestComponents/Text/StandardUsage.tsx     |   2 +-
 .../TestComponents/Theme/ThemeTest.tsx        |  37 ++---
 apps/ios/package.json                         |   9 +-
 apps/macos/package.json                       |  15 +-
 apps/win32/package.json                       |   3 +-
 apps/win32/react-native.config.js             |   5 -
 apps/windows/package.json                     |   7 +
 ...t-native-2020-08-12-12-47-49-depcheck.json |   8 +
 ...adapters-2020-08-12-12-47-49-depcheck.json |   8 +
 ...adapters-2020-08-12-23-43-57-depcheck.json |   8 +
 ...e-button-2020-08-12-12-47-49-depcheck.json |   8 +
 ...-callout-2020-08-12-12-47-49-depcheck.json |   8 +
 ...checkbox-2020-08-12-12-47-49-depcheck.json |   8 +
 ...position-2020-08-12-12-47-49-depcheck.json |   8 +
 ...ual-menu-2020-08-12-12-47-49-depcheck.json |   8 +
 ...ramework-2020-08-12-12-47-49-depcheck.json |   8 +
 ...rap-zone-2020-08-12-12-47-49-depcheck.json |   8 +
 ...le-merge-2020-08-12-23-43-57-depcheck.json |   8 +
 ...ve-hooks-2020-08-12-12-47-49-depcheck.json |   8 +
 ...ve-hooks-2020-08-12-23-43-57-depcheck.json |   8 +
 ...ive-link-2020-08-12-12-47-49-depcheck.json |   8 +
 ...mo-cache-2020-08-12-12-47-49-depcheck.json |   8 +
 ...mo-cache-2020-08-12-23-43-57-depcheck.json |   8 +
 ...-persona-2020-08-12-12-47-49-depcheck.json |   8 +
 ...ona-coin-2020-08-12-12-47-49-depcheck.json |   8 +
 ...ressable-2020-08-12-12-47-49-depcheck.json |   8 +
 ...io-group-2020-08-12-12-47-49-depcheck.json |   8 +
 ...eparator-2020-08-12-12-47-49-depcheck.json |   8 +
 ...ve-stack-2020-08-12-12-47-49-depcheck.json |   8 +
 ...e-tester-2020-08-12-12-47-49-depcheck.json |   8 +
 ...er-win32-2020-08-12-12-47-49-depcheck.json |   8 +
 ...ive-text-2020-08-12-12-47-49-depcheck.json |   8 +
 ...e-tokens-2020-08-12-12-47-49-depcheck.json |   8 +
 ...e-tokens-2020-08-12-23-43-57-depcheck.json |   8 +
 ...se-slots-2020-08-12-12-47-49-depcheck.json |   8 +
 ...-styling-2020-08-12-12-47-49-depcheck.json |   8 +
 ...mposable-2020-08-12-12-47-49-depcheck.json |   8 +
 ...mposable-2020-08-12-23-43-57-depcheck.json |   8 +
 ...-compose-2020-08-12-12-47-49-depcheck.json |   8 +
 ...settings-2020-08-12-12-47-49-depcheck.json |   8 +
 ...settings-2020-08-12-23-43-57-depcheck.json |   8 +
 ...n-tokens-2020-08-12-12-47-49-depcheck.json |   8 +
 ...n-tokens-2020-08-12-23-43-57-depcheck.json |   8 +
 ...le-merge-2020-08-12-12-47-49-depcheck.json |   8 +
 ...registry-2020-08-12-12-47-49-depcheck.json |   8 +
 ...settings-2020-08-12-12-47-49-depcheck.json |   8 +
 ...settings-2020-08-12-23-43-57-depcheck.json |   8 +
 ...ylesheet-2020-08-12-12-47-49-depcheck.json |   8 +
 ...ylesheet-2020-08-12-23-43-57-depcheck.json |   8 +
 ...ing-ramp-2020-08-12-12-47-49-depcheck.json |   8 +
 ...ing-ramp-2020-08-12-23-43-57-depcheck.json |   8 +
 ...t-native-2020-08-12-12-47-49-depcheck.json |   8 +
 lage.config.js                                |   3 +-
 package.json                                  |   1 +
 packages/components/Button/package.json       |   1 +
 packages/components/Callout/package.json      |   2 +-
 packages/components/Checkbox/package.json     |   2 +-
 .../components/ContextualMenu/package.json    |   2 +-
 .../components/FocusTrapZone/package.json     |   3 +-
 packages/components/Link/package.json         |   1 +
 packages/components/Persona/package.json      |   1 +
 packages/components/PersonaCoin/package.json  |   1 +
 packages/components/Pressable/package.json    |   2 +-
 packages/components/RadioGroup/package.json   |   1 +
 packages/components/Separator/package.json    |   1 +
 packages/components/Stack/package.json        |   1 +
 packages/components/text/package.json         |   2 +
 packages/experimental/Button/package.json     |   3 +
 packages/experimental/Stack/package.json      |   3 +
 packages/experimental/Text/package.json       |   5 +-
 .../experimental/composition/package.json     |   9 +-
 .../experimental-framework/package.json       |   2 +-
 packages/experimental/use-slots/package.json  |  12 +-
 .../experimental/use-styling/package.json     |   4 +-
 .../foundation-composable/package.json        |   1 +
 .../framework/foundation-compose/package.json |  15 +-
 .../foundation-settings/package.json          |   1 +
 .../framework/foundation-tokens/package.json  |   1 +
 .../framework/immutable-merge/package.json    |   1 +
 packages/framework/memo-cache/package.json    |   1 +
 .../framework/theme-registry/package.json     |   6 +-
 .../framework/themed-settings/package.json    |   1 +
 .../framework/themed-stylesheet/package.json  |   1 +
 packages/framework/theming-ramp/package.json  |   1 +
 .../theming-react-native/package.json         |   6 +-
 packages/libraries/core/package.json          |  14 +-
 packages/libraries/framework/package.json     |   1 +
 packages/utils/adapters/package.json          |   1 +
 packages/utils/build-tools/just.config.js     |   2 +
 packages/utils/build-tools/package.json       |   7 +-
 packages/utils/interactive-hooks/package.json |   1 +
 packages/utils/tokens/package.json            |   1 +
 prettier.config.js                            |   4 +-
 scripts/just.config.js                        |   3 +
 scripts/package.json                          |   3 +
 scripts/tasks/depcheck.js                     |  63 ++++++++
 yarn.lock                                     | 138 ++++++++++++++++--
 117 files changed, 918 insertions(+), 316 deletions(-)
 create mode 100644 .vscode/extensions.json
 delete mode 100644 apps/win32/react-native.config.js
 create mode 100644 change/@fluentui-react-native-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@fluentui-react-native-adapters-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@fluentui-react-native-adapters-2020-08-12-23-43-57-depcheck.json
 create mode 100644 change/@fluentui-react-native-button-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@fluentui-react-native-callout-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@fluentui-react-native-checkbox-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@fluentui-react-native-composition-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@fluentui-react-native-contextual-menu-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@fluentui-react-native-experimental-framework-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@fluentui-react-native-focus-trap-zone-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@fluentui-react-native-immutable-merge-2020-08-12-23-43-57-depcheck.json
 create mode 100644 change/@fluentui-react-native-interactive-hooks-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@fluentui-react-native-interactive-hooks-2020-08-12-23-43-57-depcheck.json
 create mode 100644 change/@fluentui-react-native-link-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@fluentui-react-native-memo-cache-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@fluentui-react-native-memo-cache-2020-08-12-23-43-57-depcheck.json
 create mode 100644 change/@fluentui-react-native-persona-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@fluentui-react-native-persona-coin-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@fluentui-react-native-pressable-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@fluentui-react-native-radio-group-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@fluentui-react-native-separator-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@fluentui-react-native-stack-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@fluentui-react-native-tester-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@fluentui-react-native-tester-win32-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@fluentui-react-native-text-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@fluentui-react-native-tokens-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@fluentui-react-native-tokens-2020-08-12-23-43-57-depcheck.json
 create mode 100644 change/@fluentui-react-native-use-slots-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@fluentui-react-native-use-styling-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@uifabricshared-foundation-composable-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@uifabricshared-foundation-composable-2020-08-12-23-43-57-depcheck.json
 create mode 100644 change/@uifabricshared-foundation-compose-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@uifabricshared-foundation-settings-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@uifabricshared-foundation-settings-2020-08-12-23-43-57-depcheck.json
 create mode 100644 change/@uifabricshared-foundation-tokens-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@uifabricshared-foundation-tokens-2020-08-12-23-43-57-depcheck.json
 create mode 100644 change/@uifabricshared-immutable-merge-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@uifabricshared-theme-registry-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@uifabricshared-themed-settings-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@uifabricshared-themed-settings-2020-08-12-23-43-57-depcheck.json
 create mode 100644 change/@uifabricshared-themed-stylesheet-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@uifabricshared-themed-stylesheet-2020-08-12-23-43-57-depcheck.json
 create mode 100644 change/@uifabricshared-theming-ramp-2020-08-12-12-47-49-depcheck.json
 create mode 100644 change/@uifabricshared-theming-ramp-2020-08-12-23-43-57-depcheck.json
 create mode 100644 change/@uifabricshared-theming-react-native-2020-08-12-12-47-49-depcheck.json
 create mode 100644 scripts/tasks/depcheck.js

diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 0000000000..0d1349ca19
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,9 @@
+{
+  // See http://go.microsoft.com/fwlink/?LinkId=827846
+  // for the documentation about the extensions.json format
+  "recommendations": [
+    // Extension identifier format: ${publisher}.${name}. Example: vscode.csharp
+    "dbaeumer.vscode-eslint",
+    "esbenp.prettier-vscode"
+  ]
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 68e80d73e3..8f76279114 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,26 +1,65 @@
 {
   "editor.formatOnSave": true,
+  "editor.detectIndentation": false,
   "editor.trimAutoWhitespace": true,
   "editor.insertSpaces": true,
   "editor.tabSize": 2,
+
+  "eslint.enable": true,
+  "eslint.workingDirectories": [{ "mode": "auto" }], // infer working directory based on .eslintrc/package.json location
+
   "files.trimTrailingWhitespace": true,
-  "json.format.enable": false,
-  "javascript.preferences.quoteStyle": "single",
-  "typescript.preferences.quoteStyle": "single",
-  "[handlebars]": {
-    "editor.formatOnSave": false
-  },
   "files.associations": {
     "**/package.json.hbs": "json",
     "**/*.json.hbs": "jsonc",
     "**/README.md.hbs": "markdown"
   },
-  "search.exclude": {
-    "**/node_modules": true,
-    "**/lib": true
-  },
   "files.exclude": {
     "**/lib-amd": true,
     "**/lib-commonjs": true
+  },
+  "files.watcherExclude": {
+    "**/.git/objects/**": true,
+    "**/.git/subtree-cache/**": true,
+    "**/node_modules/**": true,
+    "**/.hg/store/**": true,
+    "**/lib": true,
+    "**/lib-commonjs": true,
+    "**/lib-amd": true
+  },
+
+  "javascript.preferences.quoteStyle": "single",
+
+  "json.format.enable": false,
+
+  "typescript.preferences.quoteStyle": "single",
+  "typescript.format.insertSpaceAfterOpeningAndBeforeClosingJsxExpressionBraces": false,
+  "typescript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyParenthesis": false,
+  "typescript.tsdk": "./node_modules/typescript/lib",
+
+  "search.exclude": {
+    "**/node_modules": true,
+    "**/lib": true,
+    "**/lib-amd": true,
+    "**/lib-commonjs": true,
+    "**/dist": true
+  },
+  "[json]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[jsonc]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[handlebars]": {
+    "editor.formatOnSave": false
   }
 }
diff --git a/apps/fluent-tester/package.json b/apps/fluent-tester/package.json
index 5bef5308bd..43e57fa6e5 100644
--- a/apps/fluent-tester/package.json
+++ b/apps/fluent-tester/package.json
@@ -13,6 +13,7 @@
     "just": "fluentui-scripts",
     "clean": "fluentui-scripts clean",
     "code-style": "fluentui-scripts code-style",
+    "depcheck": "fluentui-scripts depcheck",
     "lint": "fluentui-scripts eslint",
     "start": "fluentui-scripts metro --server",
     "test": "fluentui-scripts jest",
@@ -21,20 +22,11 @@
   "dependencies": {
     "@fluentui/react-native": ">=0.15.85 <1.0.0",
     "@fluentui-react-native/stack": ">=0.2.6 <1.0.0",
-    "@fluentui-react-native/button": ">=0.10.7 <1.0.0",
-    "@fluentui-react-native/separator": ">=0.4.6 <1.0.0",
-    "@fluentui-react-native/checkbox": ">=0.5.1 <1.0.0",
-    "@fluentui-react-native/text": ">=0.6.6 <1.0.0",
     "@fluentui-react-native/interactive-hooks": ">=0.5.0 <1.0.0",
-    "@fluentui-react-native/pressable": ">=0.3.83 <1.0.0",
-    "@fluentui-react-native/focus-trap-zone": ">=0.4.7 <1.0.0",
-    "@fluentui-react-native/link": ">=0.8.8 <1.0.0",
-    "@fluentui-react-native/radio-group": ">=0.4.4 <1.0.0",
-    "@fluentui-react-native/persona-coin": ">=0.3.82 <1.0.0",
-    "@fluentui-react-native/persona": ">=0.5.79 <1.0.0",
-    "@fluentui-react-native/contextual-menu": ">=0.3.7 <1.0.0",
     "@uifabricshared/theming-react-native": ">=0.7.74 <1.0.0",
+    "@uifabricshared/theme-registry": ">=0.3.68 <1.0.0",
     "@uifabricshared/themed-stylesheet": ">=0.3.67 <1.0.0",
+    "@uifabricshared/theming-ramp": ">=0.10.1 <1.0.0",
     "react-native-svg": "^11.0.0"
   },
   "devDependencies": {
diff --git a/apps/fluent-tester/src/RNTester/FabricTester.tsx b/apps/fluent-tester/src/RNTester/FabricTester.tsx
index a47072acfb..951669800b 100644
--- a/apps/fluent-tester/src/RNTester/FabricTester.tsx
+++ b/apps/fluent-tester/src/RNTester/FabricTester.tsx
@@ -1,5 +1,4 @@
-import { StealthButton } from '@fluentui-react-native/button';
-import { Separator } from '@fluentui-react-native/separator';
+import { StealthButton, Separator } from '@fluentui/react-native';
 import { useTheme } from '@uifabricshared/theming-react-native';
 import * as React from 'react';
 import { Picker, ScrollView, View, Text } from 'react-native';
@@ -106,12 +105,11 @@ const Header: React.FunctionComponent<{}> = () => {
 }
 
 export const FabricTester: React.FunctionComponent<IFabricTesterProps> = (props: IFabricTesterProps) => {
-
   // sort tests alphabetically by name
   const sortedTestComponents = props.enabledTests.sort((a, b) => a.name.localeCompare(b.name));
 
   const { initialTest } = props;
-  const initialSelectedTestIndex = sortedTestComponents.findIndex(description => {
+  const initialSelectedTestIndex = sortedTestComponents.findIndex((description) => {
     return description.name === initialTest;
   });
 
@@ -122,8 +120,8 @@ export const FabricTester: React.FunctionComponent<IFabricTesterProps> = (props:
   const TestListSeparator = Separator.customize({
     tokens: {
       color: useTheme().colors.inputBorder,
-      separatorWidth: 2
-    }
+      separatorWidth: 2,
+    },
   });
 
   return (
@@ -158,4 +156,4 @@ export const FabricTester: React.FunctionComponent<IFabricTesterProps> = (props:
       </View>
     </View>
   );
-};
\ No newline at end of file
+};
diff --git a/apps/fluent-tester/src/RNTester/TestComponents/Button/ButtonFocusTest.tsx b/apps/fluent-tester/src/RNTester/TestComponents/Button/ButtonFocusTest.tsx
index 40df60bb78..565c1ced90 100644
--- a/apps/fluent-tester/src/RNTester/TestComponents/Button/ButtonFocusTest.tsx
+++ b/apps/fluent-tester/src/RNTester/TestComponents/Button/ButtonFocusTest.tsx
@@ -1,4 +1,4 @@
-import { Button } from '@fluentui-react-native/button';
+import { Button } from '@fluentui/react-native';
 import { IFocusable } from '@fluentui-react-native/interactive-hooks';
 import { Stack } from '@fluentui-react-native/stack';
 import * as React from 'react';
@@ -7,7 +7,7 @@ import { stackStyle } from '../Common/styles';
 
 export const ButtonFocusTest: React.FunctionComponent<{}> = () => {
   const [state, setState] = React.useState({
-    focused: false
+    focused: false,
   });
   const buttonRef = React.useRef<IFocusable>(null);
 
@@ -17,7 +17,6 @@ export const ButtonFocusTest: React.FunctionComponent<{}> = () => {
       const node = findNodeHandle(buttonRef.current);
       console.log(node);
       buttonRef.current.focus();
-
     }
   }, [state, setState]);
 
@@ -27,4 +26,4 @@ export const ButtonFocusTest: React.FunctionComponent<{}> = () => {
       <Button content="Click to focus" onClick={onFocus} tooltip="button tooltip" />
     </Stack>
   );
-};
\ No newline at end of file
+};
diff --git a/apps/fluent-tester/src/RNTester/TestComponents/Button/ButtonIconTest.tsx b/apps/fluent-tester/src/RNTester/TestComponents/Button/ButtonIconTest.tsx
index 2dfe78126b..fb2f2e4e7f 100644
--- a/apps/fluent-tester/src/RNTester/TestComponents/Button/ButtonIconTest.tsx
+++ b/apps/fluent-tester/src/RNTester/TestComponents/Button/ButtonIconTest.tsx
@@ -1,4 +1,4 @@
-import { Button } from '@fluentui-react-native/button';
+import { Button } from '@fluentui/react-native';
 import { Stack } from '@fluentui-react-native/stack';
 import * as React from 'react';
 import { Platform, View, Text } from 'react-native';
@@ -22,4 +22,4 @@ export const ButtonIconTest: React.FunctionComponent<{}> = () => {
       </View>
     );
   }
-};
\ No newline at end of file
+};
diff --git a/apps/fluent-tester/src/RNTester/TestComponents/Checkbox/CheckboxTest.tsx b/apps/fluent-tester/src/RNTester/TestComponents/Checkbox/CheckboxTest.tsx
index 7e7ccd7786..66f8b59a68 100644
--- a/apps/fluent-tester/src/RNTester/TestComponents/Checkbox/CheckboxTest.tsx
+++ b/apps/fluent-tester/src/RNTester/TestComponents/Checkbox/CheckboxTest.tsx
@@ -1,4 +1,4 @@
-import { Checkbox } from '@fluentui-react-native/checkbox';
+import { Checkbox } from '@fluentui/react-native';
 import { useTheme } from '@uifabricshared/theming-react-native';
 import * as React from 'react';
 import { View, TextInput } from 'react-native';
@@ -11,7 +11,6 @@ function onChangeUncontrolled(isChecked: boolean) {
 }
 
 const basicCheckbox: React.FunctionComponent<{}> = () => {
-
   return (
     <View>
       <Checkbox label="Unchecked checkbox (uncontrolled)" onChange={onChangeUncontrolled} defaultChecked={false} />
@@ -20,10 +19,9 @@ const basicCheckbox: React.FunctionComponent<{}> = () => {
       <Checkbox label="Disabled checked checkbox" onChange={onChangeUncontrolled} defaultChecked={true} disabled={true} />
     </View>
   );
-}
+};
 
 const otherCheckbox: React.FunctionComponent<{}> = () => {
-
   const [isCheckedControlled1, setCheckedControlled1] = React.useState(false);
   const onChangeControlled1 = React.useCallback((checked) => {
     setCheckedControlled1(checked);
@@ -45,10 +43,9 @@ const otherCheckbox: React.FunctionComponent<{}> = () => {
       />
     </View>
   );
-}
+};
 
 const tokenCheckbox: React.FunctionComponent<{}> = () => {
-
   const CircularCheckbox = Checkbox.customize({ tokens: { borderRadius: 50 } });
 
   const CircleColorCheckbox = Checkbox.customize({
@@ -58,13 +55,13 @@ const tokenCheckbox: React.FunctionComponent<{}> = () => {
         tokens: {
           checkboxBackgroundColor: 'green',
           checkboxBorderColor: 'green',
-          checkmarkColor: 'white'
-        }
+          checkmarkColor: 'white',
+        },
       },
       focused: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundHovered' } },
       hovered: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundHovered' } },
-      pressed: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundPressed' } }
-    }
+      pressed: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundPressed' } },
+    },
   });
 
   const HoverCheckbox = Checkbox.customize({
@@ -72,15 +69,15 @@ const tokenCheckbox: React.FunctionComponent<{}> = () => {
       checked: {
         tokens: {
           checkboxBackgroundColor: 'black',
-          checkmarkColor: 'white'
-        }
+          checkmarkColor: 'white',
+        },
       },
       hovered: {
         tokens: {
-          checkmarkVisibility: 1
-        }
-      }
-    }
+          checkmarkVisibility: 1,
+        },
+      },
+    },
   });
 
   const [checkboxColor, setCheckboxColor] = React.useState('blue');
@@ -93,18 +90,18 @@ const tokenCheckbox: React.FunctionComponent<{}> = () => {
         tokens: {
           checkboxBackgroundColor: checkboxColor,
           checkboxBorderColor: checkboxColor,
-          checkmarkColor: checkmarkColor
-        }
+          checkmarkColor: checkmarkColor,
+        },
       },
       focused: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundHovered' } },
       hovered: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundHovered' } },
-      pressed: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundPressed' } }
-    }
+      pressed: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundPressed' } },
+    },
   });
 
   const theme = useTheme();
   const textBoxBorderStyle = {
-    borderColor: theme.colors.inputBorder
+    borderColor: theme.colors.inputBorder,
   };
 
   return (
@@ -123,7 +120,7 @@ const tokenCheckbox: React.FunctionComponent<{}> = () => {
         style={[commonStyles.textBox, textBoxBorderStyle]}
         placeholder="Background color"
         blurOnSubmit={true}
-        onSubmitEditing={e => {
+        onSubmitEditing={(e) => {
           setCheckboxColor(e.nativeEvent.text);
         }}
       />
@@ -132,43 +129,41 @@ const tokenCheckbox: React.FunctionComponent<{}> = () => {
         style={[commonStyles.textBox, textBoxBorderStyle]}
         placeholder="Checkmark color"
         blurOnSubmit={true}
-        onSubmitEditing={e => {
+        onSubmitEditing={(e) => {
           setCheckmarkColor(e.nativeEvent.text);
         }}
       />
     </View>
   );
-}
+};
 
 const checkboxSections: TestSection[] = [
   {
     name: 'Basic Checkboxes',
     testID: CHECKBOX_TESTPAGE,
-    component: basicCheckbox
+    component: basicCheckbox,
   },
   {
     name: 'Other Implementations',
-    component: otherCheckbox
+    component: otherCheckbox,
   },
   {
     name: 'Token Customized Checkboxes',
-    component: tokenCheckbox
-  }
+    component: tokenCheckbox,
+  },
 ];
 
 export const CheckboxTest: React.FunctionComponent<{}> = () => {
-
   const status: PlatformStatus = {
     win32Status: 'Beta',
     uwpStatus: 'Experimental',
     iosStatus: 'N/A',
     macosStatus: 'Experimental',
-    androidStatus: 'N/A'
-  }
+    androidStatus: 'N/A',
+  };
 
-  const description = 'Checkboxes give people a way to select one or more items from a group, or switch between two mutually exclusive options (checked or unchecked, on or off).'
+  const description =
+    'Checkboxes give people a way to select one or more items from a group, or switch between two mutually exclusive options (checked or unchecked, on or off).';
 
-  return (
-    <Test name="Checkbox Test" description={description} sections={checkboxSections} status={status}></Test>
-  );
-};
\ No newline at end of file
+  return <Test name="Checkbox Test" description={description} sections={checkboxSections} status={status}></Test>;
+};
diff --git a/apps/fluent-tester/src/RNTester/TestComponents/Common/Slider.tsx b/apps/fluent-tester/src/RNTester/TestComponents/Common/Slider.tsx
index c3fb77d3e7..99fe8ec486 100644
--- a/apps/fluent-tester/src/RNTester/TestComponents/Common/Slider.tsx
+++ b/apps/fluent-tester/src/RNTester/TestComponents/Common/Slider.tsx
@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { ViewProps, StyleSheet, StyleProp, ViewStyle, UIManager, Text, findNodeHandle, View } from 'react-native';
-import { Separator } from '@fluentui-react-native/separator';
-import { Pressable } from '@fluentui-react-native/pressable';
+import { Separator, Pressable } from '@fluentui/react-native';
 import { IPressableState } from '@fluentui-react-native/interactive-hooks';
 
 const thumbSize = 20;
@@ -18,7 +17,7 @@ interface ISliderProps extends ViewProps {
 const styles = StyleSheet.create({
   root: {
     flexDirection: 'row',
-    alignItems: 'center'
+    alignItems: 'center',
   },
   slider: {
     minWidth: thumbSize * 2,
@@ -26,10 +25,10 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     alignContent: 'stretch',
     height: thumbSize,
-    width: 200
+    width: 200,
   },
   track: {
-    flexGrow: 1
+    flexGrow: 1,
   },
   thumb: {
     width: thumbSize,
@@ -38,12 +37,12 @@ const styles = StyleSheet.create({
     borderWidth: 2,
     borderColor: '#7A7574',
     backgroundColor: '#FFFFFF',
-    position: 'absolute'
+    position: 'absolute',
   },
   label: {
     margin: 8,
-    fontSize: 12
-  }
+    fontSize: 12,
+  },
 });
 
 const Track = Separator.customize({ tokens: { separatorWidth: 4 } });
@@ -52,7 +51,7 @@ function onThumbRenderStyle(state: IPressableState, thumbLocation: number): Styl
   return {
     ...styles.thumb,
     borderColor: state.pressed ? 'black' : state.hovered ? 'red' : '#7A7574',
-    marginLeft: thumbLocation
+    marginLeft: thumbLocation,
   };
 }
 
@@ -130,13 +129,13 @@ export const Slider: React.FunctionComponent<ISliderProps> = (props: ISliderProp
         <Track style={styles.track} />
         {trackLength.current > 0 && (
           <Pressable
-            renderStyle={state => onThumbRenderStyle(state, thumbLocation)}
+            renderStyle={(state) => onThumbRenderStyle(state, thumbLocation)}
             onStartShouldSetResponder={() => trackLength.current > 0}
-            onResponderStart={e => {
+            onResponderStart={(e) => {
               startTouchPosition.current = e.nativeEvent.pageX;
               startTouchThumbLocation.current = thumbLocation;
             }}
-            onResponderMove={e => {
+            onResponderMove={(e) => {
               if (startTouchPosition.current !== -1 && trackLength.current > 0) {
                 const [newThumbLocation, newValue] = calculateThumbLocationAndValue(
                   startTouchThumbLocation.current,
diff --git a/apps/fluent-tester/src/RNTester/TestComponents/ContextualMenu/ContextualMenuTest.tsx b/apps/fluent-tester/src/RNTester/TestComponents/ContextualMenu/ContextualMenuTest.tsx
index a8a9441571..497be15542 100644
--- a/apps/fluent-tester/src/RNTester/TestComponents/ContextualMenu/ContextualMenuTest.tsx
+++ b/apps/fluent-tester/src/RNTester/TestComponents/ContextualMenu/ContextualMenuTest.tsx
@@ -1,12 +1,10 @@
 import * as React from 'react';
 import { Text, View } from 'react-native';
-import { Button } from '@fluentui-react-native/button';
-import { ContextualMenu, ContextualMenuItem } from '@fluentui-react-native/contextual-menu';
+import { Button, ContextualMenu, ContextualMenuItem } from '@fluentui/react-native';
 import { CONTEXTUALMENU_TESTPAGE } from './consts';
 import { Test, TestSection, PlatformStatus } from '../Test';
 
 const contextualMenu: React.FunctionComponent<{}> = () => {
-
   const stdBtnRef = React.useRef(null);
 
   const [showContextualMenu, setShowContextualMenu] = React.useState(false);
@@ -28,9 +26,12 @@ const contextualMenu: React.FunctionComponent<{}> = () => {
     setIsContextualMenuVisible(false);
   }, [setShowContextualMenu]);
 
-  const onItemClick = React.useCallback((key) => {
-    setLastMenuItemClicked(key);
-  }, [setLastMenuItemClicked]);
+  const onItemClick = React.useCallback(
+    (key) => {
+      setLastMenuItemClicked(key);
+    },
+    [setLastMenuItemClicked]
+  );
 
   return (
     <View>
@@ -41,7 +42,11 @@ const contextualMenu: React.FunctionComponent<{}> = () => {
         </Text>
         <Text>
           <Text>Last Menu Item Clicked: </Text>
-          {lastMenuItemClicked > 0 ? <Text style={{ color: 'blue' }}>{lastMenuItemClicked}</Text> : <Text style={{ color: 'blue' }}>none</Text>}
+          {lastMenuItemClicked > 0 ? (
+            <Text style={{ color: 'blue' }}>{lastMenuItemClicked}</Text>
+          ) : (
+            <Text style={{ color: 'blue' }}>none</Text>
+          )}
         </Text>
         <Button content="Press for ContextualMenu" onClick={toggleShowContextualMenu} componentRef={stdBtnRef} />
       </View>
@@ -63,29 +68,27 @@ const contextualMenu: React.FunctionComponent<{}> = () => {
       )}
     </View>
   );
-}
+};
 
 const contextualMenuSections: TestSection[] = [
   {
     name: 'Standard ContextualMenu',
     testID: CONTEXTUALMENU_TESTPAGE,
-    component: contextualMenu
+    component: contextualMenu,
   },
 ];
 
 export const ContextualMenuTest: React.FunctionComponent<{}> = () => {
-
   const status: PlatformStatus = {
     win32Status: 'Experimental',
     uwpStatus: 'Backlog',
     iosStatus: 'Backlog',
     macosStatus: 'Backlog',
-    androidStatus: 'Backlog'
-  }
+    androidStatus: 'Backlog',
+  };
 
-  const description = 'ContextualMenus are lists of commands that are based on the context of selection, mouse hover or keyboard focus. They are one of the most effective and highly used command surfaces, and can be used in a variety of places.\n\nThere are variants that originate from a command bar, or from cursor or focus. Those that come from CommandBars use a beak that is horizontally centered on the button. Ones that come from right click and menu button do not have a beak, but appear to the right and below the cursor. ContextualMenus can have submenus from commands, show selection checks, and icons.\n\nOrganize commands in groups divided by rules. This helps users remember command locations, or find less used commands based on proximity to others. One should also group sets of mutually exclusive or multiple selectable options. Use icons sparingly, for high value commands, and don’t mix icons with selection checks, as it makes parsing commands difficult. Avoid submenus of submenus as they can be difficult to invoke or remember.'
+  const description =
+    'ContextualMenus are lists of commands that are based on the context of selection, mouse hover or keyboard focus. They are one of the most effective and highly used command surfaces, and can be used in a variety of places.\n\nThere are variants that originate from a command bar, or from cursor or focus. Those that come from CommandBars use a beak that is horizontally centered on the button. Ones that come from right click and menu button do not have a beak, but appear to the right and below the cursor. ContextualMenus can have submenus from commands, show selection checks, and icons.\n\nOrganize commands in groups divided by rules. This helps users remember command locations, or find less used commands based on proximity to others. One should also group sets of mutually exclusive or multiple selectable options. Use icons sparingly, for high value commands, and don’t mix icons with selection checks, as it makes parsing commands difficult. Avoid submenus of submenus as they can be difficult to invoke or remember.';
 
-  return (
-    <Test name="Checkbox Test" description={description} sections={contextualMenuSections} status={status}></Test>
-  );
+  return <Test name="Checkbox Test" description={description} sections={contextualMenuSections} status={status}></Test>;
 };
diff --git a/apps/fluent-tester/src/RNTester/TestComponents/FocusTrapZone/FocusTrapZoneTest.tsx b/apps/fluent-tester/src/RNTester/TestComponents/FocusTrapZone/FocusTrapZoneTest.tsx
index d0e4a97bf9..ec847de581 100644
--- a/apps/fluent-tester/src/RNTester/TestComponents/FocusTrapZone/FocusTrapZoneTest.tsx
+++ b/apps/fluent-tester/src/RNTester/TestComponents/FocusTrapZone/FocusTrapZoneTest.tsx
@@ -1,7 +1,6 @@
-import { FocusTrapZone, IFocusTrapZoneProps } from '@fluentui-react-native/focus-trap-zone';
+import { FocusTrapZone, IFocusTrapZoneProps, Text } from '@fluentui/react-native';
 import { KeyPressEvent, useFocusState } from '@fluentui-react-native/interactive-hooks';
 import { Stack } from '@fluentui-react-native/stack';
-import { Text } from '@fluentui-react-native/text';
 import * as React from 'react';
 import { TouchableHighlight, TouchableHighlightProps, View, ViewProps } from 'react-native';
 import { stackStyle } from '../Common/styles';
@@ -12,14 +11,14 @@ const trapZoneStyle: IFocusTrapZoneProps['style'] = {
   padding: 10,
   borderWidth: 2,
   borderColor: '#ababab',
-  borderStyle: 'dashed'
+  borderStyle: 'dashed',
 };
 
 const activeTrapZoneStyle: IFocusTrapZoneProps['style'] = {
   padding: 10,
   borderColor: '#ababab',
   borderWidth: 2,
-  borderStyle: 'solid'
+  borderStyle: 'solid',
 };
 
 const componentTwiddlerStyle: ViewProps['style'] = {
@@ -27,13 +26,13 @@ const componentTwiddlerStyle: ViewProps['style'] = {
   padding: 8,
   margin: 4,
   borderColor: '#ababab',
-  borderStyle: 'solid'
+  borderStyle: 'solid',
 };
 
 const focusedComponentTwiddlerStyle: ViewProps['style'] = {
   ...componentTwiddlerStyle,
   borderColor: 'black',
-  backgroundColor: 'lightblue'
+  backgroundColor: 'lightblue',
 };
 
 interface IComponentTwiddlerProps {
@@ -47,7 +46,7 @@ const ComponentTwiddler: React.FunctionComponent<IComponentTwiddlerProps> = (pro
   return (
     <TouchableHighlight {...{ acceptsKeyboardFocus: false }} onPress={props.onPress}>
       <View
-        {...{ acceptsKeyboardFocus: true, ...focusProps } as any}
+        {...({ acceptsKeyboardFocus: true, ...focusProps } as any)}
         style={focusState.focused ? focusedComponentTwiddlerStyle : componentTwiddlerStyle}
       >
         <Text>{props.label}</Text>
@@ -57,13 +56,12 @@ const ComponentTwiddler: React.FunctionComponent<IComponentTwiddlerProps> = (pro
 };
 
 const basicFocusTrapZone: React.FunctionComponent<{}> = () => {
-
   const [state, setState] = React.useState({
     useTrapZone: false,
     renderTrapZone: true,
     disableFirstFocus: false,
     ignoreExternalFocusing: false,
-    focusPreviouslyFocusedInnerElement: false
+    focusPreviouslyFocusedInnerElement: false,
   });
 
   const ftzRef = React.useRef<View>(null);
@@ -132,29 +130,27 @@ const basicFocusTrapZone: React.FunctionComponent<{}> = () => {
       </Stack>
     </View>
   );
-}
+};
 
 const focusTrapZoneSections: TestSection[] = [
   {
     name: 'Basic FocusTrapZone Usage',
     testID: FOCUSTRAPZONE_TESTPAGE,
-    component: basicFocusTrapZone
+    component: basicFocusTrapZone,
   },
 ];
 
 export const FocusTrapTest: React.FunctionComponent<{}> = () => {
-
   const status: PlatformStatus = {
     win32Status: 'Beta',
     uwpStatus: 'Backlog',
     iosStatus: 'N/A',
     macosStatus: 'N/A',
-    androidStatus: 'N/A'
-  }
+    androidStatus: 'N/A',
+  };
 
-  const description = 'FocusTrapZone is used to trap the focus in any html element. Pressing tab will circle focus within the inner focusable elements of the FocusTrapZone.'
+  const description =
+    'FocusTrapZone is used to trap the focus in any html element. Pressing tab will circle focus within the inner focusable elements of the FocusTrapZone.';
 
-  return (
-    <Test name="Focus Trap Zone Test" description={description} sections={focusTrapZoneSections} status={status}></Test>
-  );
-};
\ No newline at end of file
+  return <Test name="Focus Trap Zone Test" description={description} sections={focusTrapZoneSections} status={status}></Test>;
+};
diff --git a/apps/fluent-tester/src/RNTester/TestComponents/Link/LinkTest.tsx b/apps/fluent-tester/src/RNTester/TestComponents/Link/LinkTest.tsx
index 4cbdf2ccc3..bbcd3d009b 100644
--- a/apps/fluent-tester/src/RNTester/TestComponents/Link/LinkTest.tsx
+++ b/apps/fluent-tester/src/RNTester/TestComponents/Link/LinkTest.tsx
@@ -1,13 +1,12 @@
 import * as React from 'react';
 import { Alert } from 'react-native';
-import { Link } from '@fluentui-react-native/link';
+import { Link } from '@fluentui/react-native';
 import { Stack } from '@fluentui-react-native/stack';
 import { stackStyle } from '../Common/styles';
 import { LINK_TESTPAGE } from './consts';
 import { Test, TestSection, PlatformStatus } from '../Test';
 
 const links: React.FunctionComponent<{}> = () => {
-
   const doPress = (): void => {
     Alert.alert('Alert.', 'You have been alerted.');
   };
@@ -18,29 +17,27 @@ const links: React.FunctionComponent<{}> = () => {
       <Link onPress={doPress} content="Click to alert." />
     </Stack>
   );
-}
+};
 
 const linkSections: TestSection[] = [
   {
     name: 'Navigation and Alert',
     testID: LINK_TESTPAGE,
-    component: links
-  }
+    component: links,
+  },
 ];
 
 export const LinkTest: React.FunctionComponent<{}> = () => {
-
   const status: PlatformStatus = {
     win32Status: 'Beta',
     uwpStatus: 'Experimental',
     iosStatus: 'Experimental',
     macosStatus: 'Beta',
-    androidStatus: 'Backlog'
-  }
+    androidStatus: 'Backlog',
+  };
 
-  const description = 'With a Link, users can navigate to another page, window, or Help topic; display a definition; initiate a command; or choose an option. A Link indicates that it can be clicked, typically by being displayed using the visited or unvisited link system colors. Traditionally, Links are underlined as well, but that approach is often unnecessary and falling out of favor to reduce visual clutter.\n\nA Link is the lightest weight clickable control, and is often used to reduce the visual complexity of a design.'
+  const description =
+    'With a Link, users can navigate to another page, window, or Help topic; display a definition; initiate a command; or choose an option. A Link indicates that it can be clicked, typically by being displayed using the visited or unvisited link system colors. Traditionally, Links are underlined as well, but that approach is often unnecessary and falling out of favor to reduce visual clutter.\n\nA Link is the lightest weight clickable control, and is often used to reduce the visual complexity of a design.';
 
-  return (
-    <Test name="Link Test" description={description} sections={linkSections} status={status}></Test>
-  );
-};
\ No newline at end of file
+  return <Test name="Link Test" description={description} sections={linkSections} status={status}></Test>;
+};
diff --git a/apps/fluent-tester/src/RNTester/TestComponents/Persona/CustomizeUsage.tsx b/apps/fluent-tester/src/RNTester/TestComponents/Persona/CustomizeUsage.tsx
index 377c5f1a38..22ad2fe52e 100644
--- a/apps/fluent-tester/src/RNTester/TestComponents/Persona/CustomizeUsage.tsx
+++ b/apps/fluent-tester/src/RNTester/TestComponents/Persona/CustomizeUsage.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { View, Text, Switch, TextInput } from 'react-native';
-import { IPersonaTokens, Persona } from '@fluentui-react-native/persona';
+import { IPersonaTokens, Persona } from '@fluentui/react-native';
 import { michaelImageUrl } from './styles';
 import { commonTestStyles as commonStyles } from '../Common/styles';
 import { useTheme } from '@uifabricshared/theming-react-native';
@@ -47,7 +47,7 @@ export const CustomizeUsage: React.FunctionComponent<{}> = () => {
 
   const theme = useTheme();
   const textBoxBorderStyle = {
-    borderColor: theme.colors.inputBorder
+    borderColor: theme.colors.inputBorder,
   };
 
   const CustomizedPersona = Persona.customize({ tokens });
@@ -64,7 +64,7 @@ export const CustomizeUsage: React.FunctionComponent<{}> = () => {
           style={[commonStyles.textBox, textBoxBorderStyle]}
           placeholder="Background color"
           blurOnSubmit={true}
-          onSubmitEditing={e => {
+          onSubmitEditing={(e) => {
             setCoinColor(e.nativeEvent.text);
           }}
         />
@@ -73,7 +73,7 @@ export const CustomizeUsage: React.FunctionComponent<{}> = () => {
           style={[commonStyles.textBox, textBoxBorderStyle]}
           placeholder="Initials text color"
           blurOnSubmit={true}
-          onSubmitEditing={e => {
+          onSubmitEditing={(e) => {
             setTextColor(e.nativeEvent.text);
           }}
         />
diff --git a/apps/fluent-tester/src/RNTester/TestComponents/Persona/StandardUsage.tsx b/apps/fluent-tester/src/RNTester/TestComponents/Persona/StandardUsage.tsx
index 04e5e61923..13da6bfa93 100644
--- a/apps/fluent-tester/src/RNTester/TestComponents/Persona/StandardUsage.tsx
+++ b/apps/fluent-tester/src/RNTester/TestComponents/Persona/StandardUsage.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
-import { Persona } from '@fluentui-react-native/persona';
-import { PersonaSize } from '@fluentui-react-native/persona-coin';
+import { Persona, PersonaSize } from '@fluentui/react-native';
 import { rajeshImageUrl } from './styles';
 import { commonTestStyles as commonStyles } from '../Common/styles';
 import { View, Text, Switch, Picker } from 'react-native';
@@ -18,7 +17,7 @@ const allSizes: WithUndefined<PersonaSize>[] = [
   'size56',
   'size72',
   'size100',
-  'size120'
+  'size120',
 ];
 
 interface ISwitchWithLabelProps {
@@ -59,7 +58,7 @@ export const StandardUsage: React.FunctionComponent<{}> = () => {
           prompt="Size"
           style={commonStyles.header}
           selectedValue={imageSize || undefinedText}
-          onValueChange={size => setImageSize(size === undefinedText ? undefined : size)}
+          onValueChange={(size) => setImageSize(size === undefinedText ? undefined : size)}
         >
           {allSizes.map((size, index) => (
             <Picker.Item label={size} key={index} value={size} />
diff --git a/apps/fluent-tester/src/RNTester/TestComponents/PersonaCoin/CustomizeUsage.tsx b/apps/fluent-tester/src/RNTester/TestComponents/PersonaCoin/CustomizeUsage.tsx
index 23fa3383bc..b2371ea7ad 100644
--- a/apps/fluent-tester/src/RNTester/TestComponents/PersonaCoin/CustomizeUsage.tsx
+++ b/apps/fluent-tester/src/RNTester/TestComponents/PersonaCoin/CustomizeUsage.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { PersonaCoin, IconAlignment, IPersonaCoinTokens } from '@fluentui-react-native/persona-coin';
+import { PersonaCoin, IconAlignment, IPersonaCoinTokens } from '@fluentui/react-native';
 import { Switch, View, Text, TextInput } from 'react-native';
 import { Slider } from '../Common/Slider';
 import { steveBallmerPhotoUrl } from './styles';
@@ -19,7 +19,7 @@ export const CustomizeUsage: React.FunctionComponent<{}> = () => {
 
   const theme = useTheme();
   const textBoxBorderStyle = {
-    borderColor: theme.colors.inputBorder
+    borderColor: theme.colors.inputBorder,
   };
 
   const tokens: Partial<IPersonaCoinTokens> = {};
@@ -60,7 +60,7 @@ export const CustomizeUsage: React.FunctionComponent<{}> = () => {
           style={[commonStyles.textBox, textBoxBorderStyle]}
           placeholder="Background color"
           blurOnSubmit={true}
-          onSubmitEditing={e => {
+          onSubmitEditing={(e) => {
             setCoinColor(e.nativeEvent.text);
           }}
         />
@@ -69,7 +69,7 @@ export const CustomizeUsage: React.FunctionComponent<{}> = () => {
           style={[commonStyles.textBox, textBoxBorderStyle]}
           placeholder="Initials text color"
           blurOnSubmit={true}
-          onSubmitEditing={e => {
+          onSubmitEditing={(e) => {
             setTextColor(e.nativeEvent.text);
           }}
         />
diff --git a/apps/fluent-tester/src/RNTester/TestComponents/PersonaCoin/StandardUsage.tsx b/apps/fluent-tester/src/RNTester/TestComponents/PersonaCoin/StandardUsage.tsx
index 055104971e..c12e83cd96 100644
--- a/apps/fluent-tester/src/RNTester/TestComponents/PersonaCoin/StandardUsage.tsx
+++ b/apps/fluent-tester/src/RNTester/TestComponents/PersonaCoin/StandardUsage.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { PersonaSize, PersonaCoinColor, PersonaCoin, PersonaPresence } from '@fluentui-react-native/persona-coin';
+import { PersonaSize, PersonaCoinColor, PersonaCoin, PersonaPresence } from '@fluentui/react-native';
 import { Switch, View, Text, Picker } from 'react-native';
 import { satyaPhotoUrl, undefinedText } from './styles';
 import { commonTestStyles as commonStyles } from '../Common/styles';
@@ -16,7 +16,7 @@ const allSizes: WithUndefined<PersonaSize>[] = [
   'size56',
   'size72',
   'size100',
-  'size120'
+  'size120',
 ];
 
 const allColors: WithUndefined<PersonaCoinColor>[] = [
@@ -40,7 +40,7 @@ const allColors: WithUndefined<PersonaCoinColor>[] = [
   'warmGray',
   'coolGray',
   'cyan',
-  'rust'
+  'rust',
 ];
 const allPresences: WithUndefined<PersonaPresence>[] = [undefinedText, 'none', 'online', 'offline', 'busy', 'dnd', 'blocked', 'away'];
 
@@ -50,9 +50,9 @@ export const StandardUsage: React.FunctionComponent<{}> = () => {
   const [coinColor, setCoinColor] = React.useState<WithUndefined<PersonaCoinColor>>('gold');
   const [presence, setPresence] = React.useState<WithUndefined<PersonaPresence>>('online');
 
-  const onSizeChange = React.useCallback(value => setImageSize(value), []);
-  const onColorChange = React.useCallback(value => setCoinColor(value), []);
-  const onPresenceChange = React.useCallback(value => setPresence(value), []);
+  const onSizeChange = React.useCallback((value) => setImageSize(value), []);
+  const onColorChange = React.useCallback((value) => setCoinColor(value), []);
+  const onPresenceChange = React.useCallback((value) => setPresence(value), []);
 
   return (
     <View style={commonStyles.root}>
diff --git a/apps/fluent-tester/src/RNTester/TestComponents/Pressable/PressableTest.tsx b/apps/fluent-tester/src/RNTester/TestComponents/Pressable/PressableTest.tsx
index 58111befac..73a475e35d 100644
--- a/apps/fluent-tester/src/RNTester/TestComponents/Pressable/PressableTest.tsx
+++ b/apps/fluent-tester/src/RNTester/TestComponents/Pressable/PressableTest.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IPressableState, useFocusState, useHoverState, usePressState } from '@fluentui-react-native/interactive-hooks';
-import { Pressable } from '@fluentui-react-native/pressable';
+import { Pressable } from '@fluentui/react-native';
 import { Stack } from '@fluentui-react-native/stack';
 import { Square } from '../Common/Square';
 import { Alert, GestureResponderEvent, StyleSheet, View, ViewProps, ViewStyle, Text } from 'react-native';
@@ -13,21 +13,21 @@ const styles = StyleSheet.create({
     padding: 8,
     margin: 4,
     borderStyle: 'dotted',
-    borderColor: 'red'
+    borderColor: 'red',
   },
   solidBorder: {
     borderWidth: 1,
     padding: 8,
     margin: 4,
     borderStyle: 'solid',
-    borderColor: 'black'
+    borderColor: 'black',
   },
   notfocused: {
     borderWidth: 1,
     padding: 8,
     margin: 4,
     borderColor: '#ababab',
-    borderStyle: 'solid'
+    borderStyle: 'solid',
   },
   focused: {
     borderWidth: 1,
@@ -35,7 +35,7 @@ const styles = StyleSheet.create({
     margin: 4,
     borderStyle: 'solid',
     borderColor: 'black',
-    backgroundColor: 'lightblue'
+    backgroundColor: 'lightblue',
   },
   notPressed: {
     borderWidth: 1,
@@ -44,7 +44,7 @@ const styles = StyleSheet.create({
     width: 30,
     height: 30,
     borderColor: '#ababab',
-    borderStyle: 'solid'
+    borderStyle: 'solid',
   },
   pressed: {
     borderWidth: 1,
@@ -54,7 +54,7 @@ const styles = StyleSheet.create({
     height: 30,
     borderStyle: 'dashed',
     borderColor: 'black',
-    backgroundColor: 'lightgreen'
+    backgroundColor: 'lightgreen',
   },
 });
 
@@ -68,7 +68,7 @@ const FocusComponent: React.FunctionComponent<ViewProps> = () => {
 
   return (
     <Stack {...{ acceptsKeyboardFocus: false }}>
-      <View {...{ acceptsKeyboardFocus: true, ...focusProps } as any} style={focusState.focused ? styles.focused : styles.notfocused} />
+      <View {...({ acceptsKeyboardFocus: true, ...focusProps } as any)} style={focusState.focused ? styles.focused : styles.notfocused} />
     </Stack>
   );
 };
@@ -96,7 +96,6 @@ const PressComponent: React.FunctionComponent<ViewProps> = (props: ViewProps) =>
 };
 
 const pressable: React.FunctionComponent<{}> = () => {
-
   const [hoverProps, hoverState] = useHoverState({});
 
   return (
@@ -124,29 +123,26 @@ const pressable: React.FunctionComponent<{}> = () => {
       </Stack>
     </Stack>
   );
-}
+};
 
 const pressableSections: TestSection[] = [
   {
     name: 'Pressable Components',
     testID: PRESSABLE_TESTPAGE,
-    component: pressable
-  }
+    component: pressable,
+  },
 ];
 
 export const PressableTest: React.FunctionComponent<{}> = () => {
-
   const status: PlatformStatus = {
     win32Status: 'Beta',
     uwpStatus: 'Experimental',
     iosStatus: 'Experimental',
     macosStatus: 'Experimental',
-    androidStatus: 'Backlog'
-  }
+    androidStatus: 'Backlog',
+  };
 
-  const description = 'No description.'
+  const description = 'No description.';
 
-  return (
-    <Test name="Pressable Test" description={description} sections={pressableSections} status={status}></Test>
-  );
-};
\ No newline at end of file
+  return <Test name="Pressable Test" description={description} sections={pressableSections} status={status}></Test>;
+};
diff --git a/apps/fluent-tester/src/RNTester/TestComponents/RadioGroup/RadioGroupTest.tsx b/apps/fluent-tester/src/RNTester/TestComponents/RadioGroup/RadioGroupTest.tsx
index 542234eb7d..48753af640 100644
--- a/apps/fluent-tester/src/RNTester/TestComponents/RadioGroup/RadioGroupTest.tsx
+++ b/apps/fluent-tester/src/RNTester/TestComponents/RadioGroup/RadioGroupTest.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RadioButton, RadioGroup } from '@fluentui-react-native/radio-group';
+import { RadioButton, RadioGroup } from '@fluentui/react-native';
 import { RADIOGROUP_TESTPAGE } from './consts';
 import { Test, TestSection, PlatformStatus } from '../Test';
 
@@ -17,29 +17,26 @@ const basicRadioGroup: React.FunctionComponent<{}> = () => {
       <RadioButton content="Option D" buttonKey="D" />
     </RadioGroup>
   );
-}
+};
 
 const radioGroupSections: TestSection[] = [
   {
     name: 'Basic RadioGroup Usage',
     testID: RADIOGROUP_TESTPAGE,
-    component: basicRadioGroup
-  }
+    component: basicRadioGroup,
+  },
 ];
 
 export const RadioGroupTest: React.FunctionComponent<{}> = () => {
-
   const status: PlatformStatus = {
     win32Status: 'Beta',
     uwpStatus: 'Experimental',
     iosStatus: 'Experimental',
     macosStatus: 'Experimental',
-    androidStatus: 'Backlog'
-  }
+    androidStatus: 'Backlog',
+  };
 
-  const description = 'No description.'
+  const description = 'No description.';
 
-  return (
-    <Test name="RadioGroup Test" description={description} sections={radioGroupSections} status={status}></Test>
-  );
-};
\ No newline at end of file
+  return <Test name="RadioGroup Test" description={description} sections={radioGroupSections} status={status}></Test>;
+};
diff --git a/apps/fluent-tester/src/RNTester/TestComponents/Separator/SeparatorTest.tsx b/apps/fluent-tester/src/RNTester/TestComponents/Separator/SeparatorTest.tsx
index 8953fc71ab..1a968f9d9e 100644
--- a/apps/fluent-tester/src/RNTester/TestComponents/Separator/SeparatorTest.tsx
+++ b/apps/fluent-tester/src/RNTester/TestComponents/Separator/SeparatorTest.tsx
@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { Text } from 'react-native';
-import { Button } from '@fluentui-react-native/button';
-import { Separator } from '@fluentui-react-native/separator';
+import { Button, Separator } from '@fluentui/react-native';
 import { stackStyle, separatorStackStyle } from '../Common/styles';
 import { Stack } from '@fluentui-react-native/stack';
 import { SEPARATOR_TESTPAGE } from './consts';
@@ -11,7 +10,6 @@ const BlueSeparator = Separator.customize({ tokens: { color: 'blue' } });
 const RedSeparator = Separator.customize({ tokens: { color: 'red' } });
 
 const separator: React.FunctionComponent<{}> = () => {
-
   return (
     <Stack style={stackStyle} gap={5}>
       <Stack gap={4} style={separatorStackStyle}>
@@ -27,29 +25,27 @@ const separator: React.FunctionComponent<{}> = () => {
       <Button content="This button has longer text" />
     </Stack>
   );
-}
+};
 
 const separatorSections: TestSection[] = [
   {
     name: 'Basic Button',
     testID: SEPARATOR_TESTPAGE,
-    component: separator
-  }
+    component: separator,
+  },
 ];
 
 export const SeparatorTest: React.FunctionComponent<{}> = () => {
-
   const status: PlatformStatus = {
     win32Status: 'Beta',
     uwpStatus: 'Experimental',
     iosStatus: 'Experimental',
     macosStatus: 'Beta',
-    androidStatus: 'Backlog'
-  }
+    androidStatus: 'Backlog',
+  };
 
-  const description = "A separator visually separates content into groups.\n\nYou can render content in the separator by specifying the component's children. The component's children can be plain text or a component like Icon. The content is center-aligned by default."
+  const description =
+    "A separator visually separates content into groups.\n\nYou can render content in the separator by specifying the component's children. The component's children can be plain text or a component like Icon. The content is center-aligned by default.";
 
-  return (
-    <Test name="Separator Test" description={description} sections={separatorSections} status={status}></Test>
-  );
-};
\ No newline at end of file
+  return <Test name="Separator Test" description={description} sections={separatorSections} status={status}></Test>;
+};
diff --git a/apps/fluent-tester/src/RNTester/TestComponents/Test.tsx b/apps/fluent-tester/src/RNTester/TestComponents/Test.tsx
index ef4b7e1a91..59cb39850a 100644
--- a/apps/fluent-tester/src/RNTester/TestComponents/Test.tsx
+++ b/apps/fluent-tester/src/RNTester/TestComponents/Test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { StyleSheet, Text, View } from 'react-native';
-import { Separator } from '@fluentui-react-native/separator';
+import { Separator } from '@fluentui/react-native';
 import { Stack } from '@fluentui-react-native/stack';
 import { stackStyle } from './Common/styles';
 import { app } from '../FabricTester';
@@ -18,7 +18,7 @@ export type PlatformStatus = {
   iosStatus: Status;
   macosStatus: Status;
   androidStatus: Status;
-}
+};
 
 export interface TestProps {
   name: string;
@@ -32,28 +32,28 @@ const styles = StyleSheet.create({
     fontSize: 24,
     fontWeight: 'bold',
     color: '#0B6A0B',
-    marginTop: 4
+    marginTop: 4,
   },
   description: {
     alignItems: 'flex-start',
-    flexWrap: 'wrap'
+    flexWrap: 'wrap',
   },
   section: {
     fontSize: 20,
     fontWeight: 'bold',
     color: '#0B6A0B',
-    marginTop: 12
+    marginTop: 12,
   },
   statusView: {
     flexDirection: 'row',
     alignItems: 'flex-start',
-    justifyContent: 'space-between'
+    justifyContent: 'space-between',
   },
   statusHeader: {
     fontSize: 14,
     fontWeight: 'bold',
     color: '#0B6A0B',
-    marginBottom: 6
+    marginBottom: 6,
   },
   statusLabel: {
     fontSize: 12,
@@ -65,13 +65,11 @@ const styles = StyleSheet.create({
   status: {
     color: 'black',
     fontWeight: 'normal',
-  }
+  },
 });
 
 export const Test = (props: TestProps) => {
-
   const themeColor = () => {
-
     let color = 'black'; // default: office (black)
 
     if (app == 'office') color = 'black';
@@ -81,7 +79,7 @@ export const Test = (props: TestProps) => {
     if (app == 'outlook') color = '#106EBE';
 
     return { color: color };
-  }
+  };
 
   return (
     <View>
@@ -92,28 +90,22 @@ export const Test = (props: TestProps) => {
       </Stack>
       <Stack style={stackStyle}>
         <View style={styles.statusView}>
-
           <Stack>
             <Text style={[styles.statusHeader, themeColor()]}>Platform Status</Text>
             <Text style={[styles.statusLabel, themeColor()]}>
-              Win32:{' '}
-              <Text style={styles.status}>{props.status.win32Status}</Text>
+              Win32: <Text style={styles.status}>{props.status.win32Status}</Text>
             </Text>
             <Text style={[styles.statusLabel, themeColor()]}>
-              UWP:{' '}
-              <Text style={styles.status}>{props.status.uwpStatus}</Text>
+              UWP: <Text style={styles.status}>{props.status.uwpStatus}</Text>
             </Text>
             <Text style={[styles.statusLabel, themeColor()]}>
-              iOS:{' '}
-              <Text style={styles.status}>{props.status.iosStatus}</Text>
+              iOS: <Text style={styles.status}>{props.status.iosStatus}</Text>
             </Text>
             <Text style={[styles.statusLabel, themeColor()]}>
-              macOS:{' '}
-              <Text style={styles.status}>{props.status.macosStatus}</Text>
+              macOS: <Text style={styles.status}>{props.status.macosStatus}</Text>
             </Text>
             <Text style={[styles.statusLabel, themeColor()]}>
-              Android:{' '}
-              <Text style={styles.status}>{props.status.androidStatus}</Text>
+              Android: <Text style={styles.status}>{props.status.androidStatus}</Text>
             </Text>
           </Stack>
 
@@ -125,29 +117,29 @@ export const Test = (props: TestProps) => {
             </Text>
             <Text style={[styles.statusLabel, themeColor()]}>
               Beta:{' '}
-              <Text style={styles.status}>Control is ready for partner consumption, but not ready for production release (e.g. fixing bugs).</Text>
+              <Text style={styles.status}>
+                Control is ready for partner consumption, but not ready for production release (e.g. fixing bugs).
+              </Text>
             </Text>
             <Text style={[styles.statusLabel, themeColor()]}>
-              Experimental:{' '}
-              <Text style={styles.status}>Control code checked into repo, but not ready for partner use.</Text>
+              Experimental: <Text style={styles.status}>Control code checked into repo, but not ready for partner use.</Text>
             </Text>
             <Text style={[styles.statusLabel, themeColor()]}>
-              Backlog:{' '}
-              <Text style={styles.status}>Control is in plan and on our backlog to deliver.</Text>
+              Backlog: <Text style={styles.status}>Control is in plan and on our backlog to deliver.</Text>
             </Text>
             <Text style={[styles.statusLabel, themeColor()]}>
-              N/A:{' '}
-              <Text style={styles.status}>Control is not in current plan.</Text>
+              N/A: <Text style={styles.status}>Control is not in current plan.</Text>
             </Text>
           </Stack>
-
         </View>
       </Stack>
       {props.sections.map((section, index) => {
         const TestComponent = section.component;
         return (
           <View key={index}>
-            <Text style={[styles.section, themeColor()]} testID={section.testID}>{section.name}</Text>
+            <Text style={[styles.section, themeColor()]} testID={section.testID}>
+              {section.name}
+            </Text>
             <Separator />
             <TestComponent />
           </View>
@@ -155,4 +147,4 @@ export const Test = (props: TestProps) => {
       })}
     </View>
   );
-};
\ No newline at end of file
+};
diff --git a/apps/fluent-tester/src/RNTester/TestComponents/Text/CustomizeUsage.tsx b/apps/fluent-tester/src/RNTester/TestComponents/Text/CustomizeUsage.tsx
index 4f59dc7fa0..355c1f7ea9 100644
--- a/apps/fluent-tester/src/RNTester/TestComponents/Text/CustomizeUsage.tsx
+++ b/apps/fluent-tester/src/RNTester/TestComponents/Text/CustomizeUsage.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { View } from 'react-native';
 import { Stack } from '@fluentui-react-native/stack';
-import { Text } from '@fluentui-react-native/text';
+import { Text } from '@fluentui/react-native';
 import { stackStyle } from '../Common/styles';
 
 export const CustomizeUsage: React.FunctionComponent<{}> = () => {
diff --git a/apps/fluent-tester/src/RNTester/TestComponents/Text/StandardUsage.tsx b/apps/fluent-tester/src/RNTester/TestComponents/Text/StandardUsage.tsx
index 6296822fe6..80fab2b1ba 100644
--- a/apps/fluent-tester/src/RNTester/TestComponents/Text/StandardUsage.tsx
+++ b/apps/fluent-tester/src/RNTester/TestComponents/Text/StandardUsage.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { View } from 'react-native';
-import { Text } from '@fluentui-react-native/text';
+import { Text } from '@fluentui/react-native';
 import { Stack } from '@fluentui-react-native/stack';
 import { stackStyle } from '../Common/styles';
 import { TEXT_TESTPAGE } from './consts';
diff --git a/apps/fluent-tester/src/RNTester/TestComponents/Theme/ThemeTest.tsx b/apps/fluent-tester/src/RNTester/TestComponents/Theme/ThemeTest.tsx
index f4d6fb62b9..465c689f2e 100644
--- a/apps/fluent-tester/src/RNTester/TestComponents/Theme/ThemeTest.tsx
+++ b/apps/fluent-tester/src/RNTester/TestComponents/Theme/ThemeTest.tsx
@@ -3,9 +3,7 @@ import { FlatList, View, ViewStyle, TextStyle, Text, StyleSheet } from 'react-na
 import { getHostSettingsWin32, ThemeProvider, useTheme, IThemeDefinition, ThemingModuleHelper } from '@uifabricshared/theming-react-native';
 import { themedStyleSheet } from '@uifabricshared/themed-stylesheet';
 import { commonTestStyles } from '../Common/styles';
-import { Button, PrimaryButton, StealthButton } from '@fluentui-react-native/button';
-import { Separator } from '@fluentui-react-native/separator';
-import { RadioGroup, RadioButton } from '@fluentui-react-native/radio-group';
+import { Button, PrimaryButton, StealthButton, Separator, RadioGroup, RadioButton } from '@fluentui/react-native';
 import { ITheme, IPartialTheme } from '@uifabricshared/theming-ramp';
 import { customRegistry } from './CustomThemes';
 import { THEME_TESTPAGE } from './consts';
@@ -17,7 +15,7 @@ const brandColors = {
   Word: ['#E3ECFA', '#A5B9D1', '#7DA3C6', '#4A78B0', '#3C65A4', '#2B579A', '#124078', '#002050'],
   Excel: ['#E9F5EE', '#9FCDB3', '#6EB38A', '#4E9668', '#3F8159', '#217346', '#0E5C2F', '#004B1C'],
   Powerpoint: ['#FCF0ED', '#FDC9B5', '#ED9583', '#E86E58', '#C75033', '#B7472A', '#A92B1A', '#740912'],
-  Outlook: ['#CCE3F5', '#B3D6F2', '#69AFE5', '#2488D8', '#0078D7', '#106EBE', '#1664A7', '#135995']
+  Outlook: ['#CCE3F5', '#B3D6F2', '#69AFE5', '#2488D8', '#0078D7', '#106EBE', '#1664A7', '#135995'],
 };
 
 // This IProcessTheme takes the parent theme and shims in the brand colors selected in the RadioGroup
@@ -60,28 +58,28 @@ const getThemedStyles = themedStyleSheet((theme: ITheme) => {
       height: 20,
       marginRight: 5,
       borderWidth: 2,
-      borderColor: theme.colors.bodyText
+      borderColor: theme.colors.bodyText,
     },
     extraLargeStandardEmphasis: {
       color: hostSettings ? hostSettings.palette.TextEmphasis : theme.colors.bodyText,
       fontSize: theme.typography.sizes.header,
       fontWeight: theme.typography.weights.regular,
-      fontFamily: theme.typography.families.primary
+      fontFamily: theme.typography.families.primary,
     } as TextStyle,
     largeStandard: {
       color: theme.colors.bodyText,
       fontSize: theme.typography.sizes.body,
       fontWeight: theme.typography.weights.regular,
       fontFamily: theme.typography.families.primary,
-      marginBottom: 5
+      marginBottom: 5,
     } as TextStyle,
     stackStyle: {
       borderWidth: 2,
       borderColor: theme.colors.focusBorder,
       padding: 12,
       margin: 8,
-      backgroundColor: theme.colors.background
-    }
+      backgroundColor: theme.colors.background,
+    },
   };
 });
 
@@ -89,12 +87,12 @@ const styles = StyleSheet.create({
   swatchItem: {
     flexDirection: 'row',
     alignItems: 'center',
-    marginVertical: 5
+    marginVertical: 5,
   },
   pickerContainer: {
     flexDirection: 'row',
-    justifyContent: 'space-evenly'
-  }
+    justifyContent: 'space-evenly',
+  },
 });
 
 const Panel: React.FunctionComponent = () => {
@@ -142,9 +140,7 @@ const SwatchList: React.FunctionComponent = () => {
   );
 
   const flattenArray = React.useCallback(() => {
-    return Object.keys(hostSettings.palette)
-      .sort()
-      .map(aggregator);
+    return Object.keys(hostSettings.palette).sort().map(aggregator);
   }, [hostSettings.palette, aggregator]);
 
   const paletteAsArray = React.useMemo(flattenArray, [flattenArray]);
@@ -202,7 +198,6 @@ const ThemeTestInner: React.FunctionComponent = () => {
       <Text style={themedStyles.extraLargeStandardEmphasis}>Host-specific Theme Settings</Text>
       <Separator />
       <SwatchList />
-
     </View>
   );
 };
@@ -210,21 +205,21 @@ const ThemeTestInner: React.FunctionComponent = () => {
 const themeSections: TestSection[] = [
   {
     name: 'Theme Test',
-    component: ThemeTestInner
+    component: ThemeTestInner,
   },
 ];
 
 export const ThemeTest: React.FunctionComponent = () => {
-
   const status: PlatformStatus = {
     win32Status: 'Beta',
     uwpStatus: 'Experimental',
     iosStatus: 'Experimental',
     macosStatus: 'Experimental',
-    androidStatus: 'Backlog'
-  }
+    androidStatus: 'Backlog',
+  };
 
-  const description = 'The entire color palette of the controls is themeable. We provide a set of sensible defaults, but you can override all colors individually.'
+  const description =
+    'The entire color palette of the controls is themeable. We provide a set of sensible defaults, but you can override all colors individually.';
 
   return (
     <ThemeProvider theme="Default">
diff --git a/apps/ios/package.json b/apps/ios/package.json
index 59ce8cedb7..9063ac7b1a 100644
--- a/apps/ios/package.json
+++ b/apps/ios/package.json
@@ -10,6 +10,7 @@
     "just": "fluentui-scripts",
     "clean": "fluentui-scripts clean",
     "code-style": "fluentui-scripts code-style",
+    "depcheck": "fluentui-scripts depcheck",
     "lint": "fluentui-scripts eslint",
     "start": "react-native start",
     "test": "fluentui-scripts jest",
@@ -20,7 +21,6 @@
   "dependencies": {
     "@fluentui-react-native/tester": "^0.3.5",
     "@uifabricshared/theming-react-native": "0.7.74",
-    "@uifabricshared/themed-stylesheet": "0.3.67",
     "react": "16.11.0",
     "react-native": "0.62.2",
     "react-native-test-app": "0.1.27"
@@ -34,7 +34,7 @@
     "eslint": "^6.5.1",
     "jest": "^24.9.0",
     "metro-react-native-babel-preset": "^0.58.0",
-    "react-test-renderer": "16.11.0"
+    "react-test-renderer": "~16.11.0"
   },
   "jest": {
     "preset": "react-native"
@@ -47,5 +47,10 @@
     "outputPath": "./dist",
     "bundleName": "index.bundle",
     "noPlatformSuffix": true
+  },
+  "depcheck": {
+    "ignoreMatches": [
+      "react-native-test-app"
+    ]
   }
 }
diff --git a/apps/macos/package.json b/apps/macos/package.json
index 06d41a5197..3875eb878e 100644
--- a/apps/macos/package.json
+++ b/apps/macos/package.json
@@ -11,6 +11,7 @@
     "just": "fluentui-scripts",
     "clean": "fluentui-scripts clean",
     "code-style": "fluentui-scripts code-style",
+    "depcheck": "fluentui-scripts depcheck",
     "lint": "fluentui-scripts eslint",
     "start": "react-native start",
     "test": "fluentui-scripts jest",
@@ -19,7 +20,6 @@
   "dependencies": {
     "@fluentui-react-native/tester": "^0.3.5",
     "@uifabricshared/theming-react-native": "0.7.74",
-    "@uifabricshared/themed-stylesheet": "0.3.67",
     "react-native-macos": "^0.61.0-0",
     "react-native-test-app": "0.1.27"
   },
@@ -31,7 +31,13 @@
     "babel-jest": "^24.9.0",
     "eslint": "^6.5.1",
     "jest": "^24.9.0",
-    "metro-react-native-babel-preset": "^0.58.0"
+    "metro-config": "^0.58.0",
+    "metro-react-native-babel-preset": "^0.58.0",
+    "react-native": "^0.62.2",
+    "react-test-renderer": "~16.11.0"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0"
   },
   "jest": {
     "preset": "react-native"
@@ -44,5 +50,10 @@
     "outputPath": "./dist",
     "bundleName": "index.bundle",
     "noPlatformSuffix": true
+  },
+  "depcheck": {
+    "ignoreMatches": [
+      "react-native-test-app"
+    ]
   }
 }
diff --git a/apps/win32/package.json b/apps/win32/package.json
index a0e39f3ee1..d363270b3f 100644
--- a/apps/win32/package.json
+++ b/apps/win32/package.json
@@ -13,6 +13,7 @@
     "just": "fluentui-scripts",
     "clean": "fluentui-scripts clean",
     "code-style": "fluentui-scripts code-style",
+    "depcheck": "fluentui-scripts depcheck",
     "lint": "fluentui-scripts eslint",
     "start": "fluentui-scripts metro --server --cli --port 8081",
     "test": "fluentui-scripts jest",
@@ -28,7 +29,6 @@
   "dependencies": {
     "@fluentui-react-native/tester": "^0.3.5",
     "@uifabricshared/theming-react-native": "0.7.74",
-    "@uifabricshared/themed-stylesheet": "0.3.67",
     "react": "16.11.0",
     "react-native": "0.62.2",
     "react-native-svg": "^11.0.0"
@@ -43,6 +43,7 @@
     "@types/react-native": "^0.62.0",
     "@uifabricshared/build-native": "^0.1.1",
     "@uifabricshared/eslint-config-rules": "^0.1.1",
+    "metro-config": "^0.58.0",
     "metro-react-native-babel-preset": "^0.58.0",
     "react-native-svg-transformer": "^0.14.3",
     "react-test-renderer": "~16.11.0",
diff --git a/apps/win32/react-native.config.js b/apps/win32/react-native.config.js
deleted file mode 100644
index cedd9d380a..0000000000
--- a/apps/win32/react-native.config.js
+++ /dev/null
@@ -1,5 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-module.exports = {
-  reactNativePath:  fs.realpathSync(path.resolve(require.resolve('react-native-windows/package.json'), '..')),
-};
diff --git a/apps/windows/package.json b/apps/windows/package.json
index 6ac5a6209c..6dd7dfdf9a 100644
--- a/apps/windows/package.json
+++ b/apps/windows/package.json
@@ -4,6 +4,7 @@
   "private": true,
   "scripts": {
     "bundle": "fluentui-scripts metro --cli",
+    "depcheck": "fluentui-scripts depcheck",
     "e2etest": "rimraf reports/* && wdio",
     "generate-report": "allure generate allure-results --clean && allure open",
     "lint": "eslint .",
@@ -30,6 +31,7 @@
     "metro-config": "^0.58.0",
     "metro-react-native-babel-preset": "^0.58.0",
     "react-test-renderer": "~16.11.0",
+    "rimraf": "~3.0.2",
     "ts-node": "^8.10.1",
     "tsconfig-paths": "^3.9.0",
     "typescript": "3.8.3",
@@ -61,5 +63,10 @@
     "outputPath": "./dist",
     "bundleName": "index.bundle",
     "noPlatformSuffix": true
+  },
+  "depcheck": {
+    "ignoreMatches": [
+      "react-native-windows"
+    ]
   }
 }
diff --git a/change/@fluentui-react-native-2020-08-12-12-47-49-depcheck.json b/change/@fluentui-react-native-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..1b79b4944e
--- /dev/null
+++ b/change/@fluentui-react-native-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@fluentui/react-native",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:47:43.393Z"
+}
diff --git a/change/@fluentui-react-native-adapters-2020-08-12-12-47-49-depcheck.json b/change/@fluentui-react-native-adapters-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..4f8c3c5fb2
--- /dev/null
+++ b/change/@fluentui-react-native-adapters-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@fluentui-react-native/adapters",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:47:45.507Z"
+}
diff --git a/change/@fluentui-react-native-adapters-2020-08-12-23-43-57-depcheck.json b/change/@fluentui-react-native-adapters-2020-08-12-23-43-57-depcheck.json
new file mode 100644
index 0000000000..51a81d37f8
--- /dev/null
+++ b/change/@fluentui-react-native-adapters-2020-08-12-23-43-57-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "none",
+  "comment": "fix dependency errors",
+  "packageName": "@fluentui-react-native/adapters",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "none",
+  "date": "2020-08-13T06:43:46.863Z"
+}
diff --git a/change/@fluentui-react-native-button-2020-08-12-12-47-49-depcheck.json b/change/@fluentui-react-native-button-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..af9b975a61
--- /dev/null
+++ b/change/@fluentui-react-native-button-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@fluentui-react-native/button",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:46:35.502Z"
+}
diff --git a/change/@fluentui-react-native-callout-2020-08-12-12-47-49-depcheck.json b/change/@fluentui-react-native-callout-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..596d2c7ff4
--- /dev/null
+++ b/change/@fluentui-react-native-callout-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@fluentui-react-native/callout",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:46:37.559Z"
+}
diff --git a/change/@fluentui-react-native-checkbox-2020-08-12-12-47-49-depcheck.json b/change/@fluentui-react-native-checkbox-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..19b69e1d97
--- /dev/null
+++ b/change/@fluentui-react-native-checkbox-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@fluentui-react-native/checkbox",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:46:40.541Z"
+}
diff --git a/change/@fluentui-react-native-composition-2020-08-12-12-47-49-depcheck.json b/change/@fluentui-react-native-composition-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..d4578e9c91
--- /dev/null
+++ b/change/@fluentui-react-native-composition-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@fluentui-react-native/composition",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:47:06.819Z"
+}
diff --git a/change/@fluentui-react-native-contextual-menu-2020-08-12-12-47-49-depcheck.json b/change/@fluentui-react-native-contextual-menu-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..24e1b65577
--- /dev/null
+++ b/change/@fluentui-react-native-contextual-menu-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@fluentui-react-native/contextual-menu",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:46:42.569Z"
+}
diff --git a/change/@fluentui-react-native-experimental-framework-2020-08-12-12-47-49-depcheck.json b/change/@fluentui-react-native-experimental-framework-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..52c13038f4
--- /dev/null
+++ b/change/@fluentui-react-native-experimental-framework-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@fluentui-react-native/experimental-framework",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:47:09.366Z"
+}
diff --git a/change/@fluentui-react-native-focus-trap-zone-2020-08-12-12-47-49-depcheck.json b/change/@fluentui-react-native-focus-trap-zone-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..e73b742ae2
--- /dev/null
+++ b/change/@fluentui-react-native-focus-trap-zone-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@fluentui-react-native/focus-trap-zone",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:46:44.620Z"
+}
diff --git a/change/@fluentui-react-native-immutable-merge-2020-08-12-23-43-57-depcheck.json b/change/@fluentui-react-native-immutable-merge-2020-08-12-23-43-57-depcheck.json
new file mode 100644
index 0000000000..18f46bae15
--- /dev/null
+++ b/change/@fluentui-react-native-immutable-merge-2020-08-12-23-43-57-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "none",
+  "comment": "fix dependency errors",
+  "packageName": "@fluentui-react-native/immutable-merge",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "none",
+  "date": "2020-08-13T06:43:14.157Z"
+}
diff --git a/change/@fluentui-react-native-interactive-hooks-2020-08-12-12-47-49-depcheck.json b/change/@fluentui-react-native-interactive-hooks-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..6e5e8bff53
--- /dev/null
+++ b/change/@fluentui-react-native-interactive-hooks-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@fluentui-react-native/interactive-hooks",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:47:47.667Z"
+}
diff --git a/change/@fluentui-react-native-interactive-hooks-2020-08-12-23-43-57-depcheck.json b/change/@fluentui-react-native-interactive-hooks-2020-08-12-23-43-57-depcheck.json
new file mode 100644
index 0000000000..2d6298f166
--- /dev/null
+++ b/change/@fluentui-react-native-interactive-hooks-2020-08-12-23-43-57-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "none",
+  "comment": "fix dependency errors",
+  "packageName": "@fluentui-react-native/interactive-hooks",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "none",
+  "date": "2020-08-13T06:43:52.311Z"
+}
diff --git a/change/@fluentui-react-native-link-2020-08-12-12-47-49-depcheck.json b/change/@fluentui-react-native-link-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..f3c1b0d0e9
--- /dev/null
+++ b/change/@fluentui-react-native-link-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@fluentui-react-native/link",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:46:47.803Z"
+}
diff --git a/change/@fluentui-react-native-memo-cache-2020-08-12-12-47-49-depcheck.json b/change/@fluentui-react-native-memo-cache-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..2238657d09
--- /dev/null
+++ b/change/@fluentui-react-native-memo-cache-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@fluentui-react-native/memo-cache",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:47:27.158Z"
+}
diff --git a/change/@fluentui-react-native-memo-cache-2020-08-12-23-43-57-depcheck.json b/change/@fluentui-react-native-memo-cache-2020-08-12-23-43-57-depcheck.json
new file mode 100644
index 0000000000..72d993f30d
--- /dev/null
+++ b/change/@fluentui-react-native-memo-cache-2020-08-12-23-43-57-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "none",
+  "comment": "fix dependency errors",
+  "packageName": "@fluentui-react-native/memo-cache",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "none",
+  "date": "2020-08-13T06:43:20.227Z"
+}
diff --git a/change/@fluentui-react-native-persona-2020-08-12-12-47-49-depcheck.json b/change/@fluentui-react-native-persona-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..94440829f1
--- /dev/null
+++ b/change/@fluentui-react-native-persona-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@fluentui-react-native/persona",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:46:50.037Z"
+}
diff --git a/change/@fluentui-react-native-persona-coin-2020-08-12-12-47-49-depcheck.json b/change/@fluentui-react-native-persona-coin-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..da0f812fc1
--- /dev/null
+++ b/change/@fluentui-react-native-persona-coin-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@fluentui-react-native/persona-coin",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:46:52.103Z"
+}
diff --git a/change/@fluentui-react-native-pressable-2020-08-12-12-47-49-depcheck.json b/change/@fluentui-react-native-pressable-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..abf7203371
--- /dev/null
+++ b/change/@fluentui-react-native-pressable-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@fluentui-react-native/pressable",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:46:54.582Z"
+}
diff --git a/change/@fluentui-react-native-radio-group-2020-08-12-12-47-49-depcheck.json b/change/@fluentui-react-native-radio-group-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..00c5796bde
--- /dev/null
+++ b/change/@fluentui-react-native-radio-group-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@fluentui-react-native/radio-group",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:46:56.892Z"
+}
diff --git a/change/@fluentui-react-native-separator-2020-08-12-12-47-49-depcheck.json b/change/@fluentui-react-native-separator-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..4d445fd29d
--- /dev/null
+++ b/change/@fluentui-react-native-separator-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@fluentui-react-native/separator",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:46:59.386Z"
+}
diff --git a/change/@fluentui-react-native-stack-2020-08-12-12-47-49-depcheck.json b/change/@fluentui-react-native-stack-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..a53cfe8b41
--- /dev/null
+++ b/change/@fluentui-react-native-stack-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@fluentui-react-native/stack",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:47:02.204Z"
+}
diff --git a/change/@fluentui-react-native-tester-2020-08-12-12-47-49-depcheck.json b/change/@fluentui-react-native-tester-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..f11c18135f
--- /dev/null
+++ b/change/@fluentui-react-native-tester-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@fluentui-react-native/tester",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:46:28.125Z"
+}
diff --git a/change/@fluentui-react-native-tester-win32-2020-08-12-12-47-49-depcheck.json b/change/@fluentui-react-native-tester-win32-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..071038d7f5
--- /dev/null
+++ b/change/@fluentui-react-native-tester-win32-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@fluentui-react-native/tester-win32",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:46:32.307Z"
+}
diff --git a/change/@fluentui-react-native-text-2020-08-12-12-47-49-depcheck.json b/change/@fluentui-react-native-text-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..561d15054f
--- /dev/null
+++ b/change/@fluentui-react-native-text-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@fluentui-react-native/text",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:47:04.525Z"
+}
diff --git a/change/@fluentui-react-native-tokens-2020-08-12-12-47-49-depcheck.json b/change/@fluentui-react-native-tokens-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..d0b29bc050
--- /dev/null
+++ b/change/@fluentui-react-native-tokens-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@fluentui-react-native/tokens",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:47:49.678Z"
+}
diff --git a/change/@fluentui-react-native-tokens-2020-08-12-23-43-57-depcheck.json b/change/@fluentui-react-native-tokens-2020-08-12-23-43-57-depcheck.json
new file mode 100644
index 0000000000..2022c020f0
--- /dev/null
+++ b/change/@fluentui-react-native-tokens-2020-08-12-23-43-57-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "none",
+  "comment": "fix dependency errors",
+  "packageName": "@fluentui-react-native/tokens",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "none",
+  "date": "2020-08-13T06:43:57.771Z"
+}
diff --git a/change/@fluentui-react-native-use-slots-2020-08-12-12-47-49-depcheck.json b/change/@fluentui-react-native-use-slots-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..d575acefe2
--- /dev/null
+++ b/change/@fluentui-react-native-use-slots-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@fluentui-react-native/use-slots",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:47:11.550Z"
+}
diff --git a/change/@fluentui-react-native-use-styling-2020-08-12-12-47-49-depcheck.json b/change/@fluentui-react-native-use-styling-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..fbb6f46dd6
--- /dev/null
+++ b/change/@fluentui-react-native-use-styling-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@fluentui-react-native/use-styling",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:47:13.605Z"
+}
diff --git a/change/@uifabricshared-foundation-composable-2020-08-12-12-47-49-depcheck.json b/change/@uifabricshared-foundation-composable-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..4e4dd5f54a
--- /dev/null
+++ b/change/@uifabricshared-foundation-composable-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@uifabricshared/foundation-composable",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:47:15.581Z"
+}
diff --git a/change/@uifabricshared-foundation-composable-2020-08-12-23-43-57-depcheck.json b/change/@uifabricshared-foundation-composable-2020-08-12-23-43-57-depcheck.json
new file mode 100644
index 0000000000..4d21e4c5e2
--- /dev/null
+++ b/change/@uifabricshared-foundation-composable-2020-08-12-23-43-57-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "none",
+  "comment": "fix dependency errors",
+  "packageName": "@uifabricshared/foundation-composable",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "none",
+  "date": "2020-08-13T06:42:55.002Z"
+}
diff --git a/change/@uifabricshared-foundation-compose-2020-08-12-12-47-49-depcheck.json b/change/@uifabricshared-foundation-compose-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..9fe8008e39
--- /dev/null
+++ b/change/@uifabricshared-foundation-compose-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@uifabricshared/foundation-compose",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:47:17.712Z"
+}
diff --git a/change/@uifabricshared-foundation-settings-2020-08-12-12-47-49-depcheck.json b/change/@uifabricshared-foundation-settings-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..c649ec3797
--- /dev/null
+++ b/change/@uifabricshared-foundation-settings-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@uifabricshared/foundation-settings",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:47:19.826Z"
+}
diff --git a/change/@uifabricshared-foundation-settings-2020-08-12-23-43-57-depcheck.json b/change/@uifabricshared-foundation-settings-2020-08-12-23-43-57-depcheck.json
new file mode 100644
index 0000000000..6724551692
--- /dev/null
+++ b/change/@uifabricshared-foundation-settings-2020-08-12-23-43-57-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "none",
+  "comment": "fix dependency errors",
+  "packageName": "@uifabricshared/foundation-settings",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "none",
+  "date": "2020-08-13T06:43:00.674Z"
+}
diff --git a/change/@uifabricshared-foundation-tokens-2020-08-12-12-47-49-depcheck.json b/change/@uifabricshared-foundation-tokens-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..2c60b3cef5
--- /dev/null
+++ b/change/@uifabricshared-foundation-tokens-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@uifabricshared/foundation-tokens",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:47:22.214Z"
+}
diff --git a/change/@uifabricshared-foundation-tokens-2020-08-12-23-43-57-depcheck.json b/change/@uifabricshared-foundation-tokens-2020-08-12-23-43-57-depcheck.json
new file mode 100644
index 0000000000..daad354a58
--- /dev/null
+++ b/change/@uifabricshared-foundation-tokens-2020-08-12-23-43-57-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "none",
+  "comment": "fix dependency errors",
+  "packageName": "@uifabricshared/foundation-tokens",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "none",
+  "date": "2020-08-13T06:43:07.371Z"
+}
diff --git a/change/@uifabricshared-immutable-merge-2020-08-12-12-47-49-depcheck.json b/change/@uifabricshared-immutable-merge-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..2016a31cef
--- /dev/null
+++ b/change/@uifabricshared-immutable-merge-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@uifabricshared/immutable-merge",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:47:24.928Z"
+}
diff --git a/change/@uifabricshared-theme-registry-2020-08-12-12-47-49-depcheck.json b/change/@uifabricshared-theme-registry-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..5e7e265217
--- /dev/null
+++ b/change/@uifabricshared-theme-registry-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@uifabricshared/theme-registry",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:47:29.843Z"
+}
diff --git a/change/@uifabricshared-themed-settings-2020-08-12-12-47-49-depcheck.json b/change/@uifabricshared-themed-settings-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..380b203c26
--- /dev/null
+++ b/change/@uifabricshared-themed-settings-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@uifabricshared/themed-settings",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:47:31.948Z"
+}
diff --git a/change/@uifabricshared-themed-settings-2020-08-12-23-43-57-depcheck.json b/change/@uifabricshared-themed-settings-2020-08-12-23-43-57-depcheck.json
new file mode 100644
index 0000000000..a198f8aca2
--- /dev/null
+++ b/change/@uifabricshared-themed-settings-2020-08-12-23-43-57-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "none",
+  "comment": "fix dependency errors",
+  "packageName": "@uifabricshared/themed-settings",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "none",
+  "date": "2020-08-13T06:43:30.658Z"
+}
diff --git a/change/@uifabricshared-themed-stylesheet-2020-08-12-12-47-49-depcheck.json b/change/@uifabricshared-themed-stylesheet-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..f7a834e986
--- /dev/null
+++ b/change/@uifabricshared-themed-stylesheet-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@uifabricshared/themed-stylesheet",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:47:36.268Z"
+}
diff --git a/change/@uifabricshared-themed-stylesheet-2020-08-12-23-43-57-depcheck.json b/change/@uifabricshared-themed-stylesheet-2020-08-12-23-43-57-depcheck.json
new file mode 100644
index 0000000000..3e48597885
--- /dev/null
+++ b/change/@uifabricshared-themed-stylesheet-2020-08-12-23-43-57-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "none",
+  "comment": "fix dependency errors",
+  "packageName": "@uifabricshared/themed-stylesheet",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "none",
+  "date": "2020-08-13T06:43:36.108Z"
+}
diff --git a/change/@uifabricshared-theming-ramp-2020-08-12-12-47-49-depcheck.json b/change/@uifabricshared-theming-ramp-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..eafcf8faf4
--- /dev/null
+++ b/change/@uifabricshared-theming-ramp-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@uifabricshared/theming-ramp",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:47:38.304Z"
+}
diff --git a/change/@uifabricshared-theming-ramp-2020-08-12-23-43-57-depcheck.json b/change/@uifabricshared-theming-ramp-2020-08-12-23-43-57-depcheck.json
new file mode 100644
index 0000000000..cf5f69cbff
--- /dev/null
+++ b/change/@uifabricshared-theming-ramp-2020-08-12-23-43-57-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "none",
+  "comment": "fix dependency errors",
+  "packageName": "@uifabricshared/theming-ramp",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "none",
+  "date": "2020-08-13T06:43:41.762Z"
+}
diff --git a/change/@uifabricshared-theming-react-native-2020-08-12-12-47-49-depcheck.json b/change/@uifabricshared-theming-react-native-2020-08-12-12-47-49-depcheck.json
new file mode 100644
index 0000000000..1576d07f4f
--- /dev/null
+++ b/change/@uifabricshared-theming-react-native-2020-08-12-12-47-49-depcheck.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix dependency errors",
+  "packageName": "@uifabricshared/theming-react-native",
+  "email": "jasonmo@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-12T19:47:40.245Z"
+}
diff --git a/lage.config.js b/lage.config.js
index e2396aa138..2c54a35faa 100644
--- a/lage.config.js
+++ b/lage.config.js
@@ -2,9 +2,10 @@ module.exports = {
   pipeline: {
     ['build-tools']: ['^build-tools'],
     build: ['build-tools', '^build'],
-    buildci: ['build', 'test', 'bundle'],
+    buildci: ['build', 'test', 'depcheck', 'bundle'],
     bundle: ['build-tools'],
     clean: [],
+    depcheck: ['build-tools'],
     lint: ['build-tools'],
     ['verify-api']: [],
     ['update-api']: [],
diff --git a/package.json b/package.json
index 40518221dc..0bef9819b3 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,7 @@
     "change": "beachball change",
     "check-for-changed-files": "cd scripts && yarn fluentui-scripts check-for-modified-files",
     "checkchange": "beachball check --changehint \"Run 'yarn change' to generate a change file\"",
+    "depcheck": "lage depcheck",
     "lint": "lage lint",
     "preinstall": "node ./scripts/use-yarn-please.js",
     "prettier": "cd scripts && yarn prettier",
diff --git a/packages/components/Button/package.json b/packages/components/Button/package.json
index e86bf8d5a9..b6e2fcd0e2 100644
--- a/packages/components/Button/package.json
+++ b/packages/components/Button/package.json
@@ -11,6 +11,7 @@
   },
   "scripts": {
     "build": "fluentui-scripts build",
+    "depcheck": "fluentui-scripts depcheck",
     "just": "fluentui-scripts",
     "clean": "fluentui-scripts clean",
     "lint": "fluentui-scripts eslint",
diff --git a/packages/components/Callout/package.json b/packages/components/Callout/package.json
index be36998cb9..47f1d0bc4c 100644
--- a/packages/components/Callout/package.json
+++ b/packages/components/Callout/package.json
@@ -12,6 +12,7 @@
   "scripts": {
     "build": "fluentui-scripts build",
     "clean": "fluentui-scripts clean",
+    "depcheck": "fluentui-scripts depcheck",
     "just": "fluentui-scripts",
     "lint": "fluentui-scripts eslint",
     "test": "fluentui-scripts jest",
@@ -21,7 +22,6 @@
   },
   "dependencies": {
     "@uifabricshared/foundation-compose": "^1.6.78",
-    "@fluentui-react-native/adapters": ">=0.3.34 <1.0.0",
     "@fluentui-react-native/interactive-hooks": ">=0.5.0 <1.0.0",
     "@fluentui-react-native/tokens": ">=0.5.4 <1.0.0",
     "@uifabricshared/foundation-composable": ">=0.6.71 <1.0.0",
diff --git a/packages/components/Checkbox/package.json b/packages/components/Checkbox/package.json
index 2f7ff53142..d2a271a109 100644
--- a/packages/components/Checkbox/package.json
+++ b/packages/components/Checkbox/package.json
@@ -12,6 +12,7 @@
   "scripts": {
     "build": "fluentui-scripts build",
     "clean": "fluentui-scripts clean",
+    "depcheck": "fluentui-scripts depcheck",
     "just": "fluentui-scripts",
     "lint": "fluentui-scripts eslint",
     "test": "fluentui-scripts jest",
@@ -23,7 +24,6 @@
     "@uifabricshared/foundation-compose": "^1.6.78",
     "@fluentui-react-native/adapters": ">=0.3.34 <1.0.0",
     "@fluentui-react-native/interactive-hooks": ">=0.5.0 <1.0.0",
-    "@fluentui-react-native/pressable": ">=0.3.83 <1.0.0",
     "@fluentui-react-native/text": ">=0.6.6 <1.0.0",
     "@fluentui-react-native/tokens": ">=0.5.4 <1.0.0",
     "@uifabricshared/foundation-composable": ">=0.6.71 <1.0.0",
diff --git a/packages/components/ContextualMenu/package.json b/packages/components/ContextualMenu/package.json
index a49359d010..0500b45a6a 100644
--- a/packages/components/ContextualMenu/package.json
+++ b/packages/components/ContextualMenu/package.json
@@ -12,6 +12,7 @@
   "scripts": {
     "build": "fluentui-scripts build",
     "clean": "fluentui-scripts clean",
+    "depcheck": "fluentui-scripts depcheck",
     "just": "fluentui-scripts",
     "lint": "fluentui-scripts eslint",
     "test": "fluentui-scripts jest",
@@ -21,7 +22,6 @@
   },
   "dependencies": {
     "@uifabricshared/foundation-compose": "^1.6.78",
-    "@fluentui-react-native/adapters": ">=0.3.34 <1.0.0",
     "@fluentui-react-native/callout": ">=0.11.7 <1.0.0",
     "@fluentui-react-native/interactive-hooks": ">=0.5.0 <1.0.0",
     "@fluentui-react-native/text": ">=0.6.6 <1.0.0",
diff --git a/packages/components/FocusTrapZone/package.json b/packages/components/FocusTrapZone/package.json
index 296ed72492..36e6d550e7 100644
--- a/packages/components/FocusTrapZone/package.json
+++ b/packages/components/FocusTrapZone/package.json
@@ -11,6 +11,7 @@
   },
   "scripts": {
     "build": "fluentui-scripts build",
+    "depcheck": "fluentui-scripts depcheck",
     "just": "fluentui-scripts",
     "clean": "fluentui-scripts clean",
     "lint": "fluentui-scripts eslint",
@@ -20,10 +21,8 @@
     "update-api": "fluentui-scripts update-api-extractor"
   },
   "dependencies": {
-    "@uifabricshared/foundation-compose": "^1.6.78",
     "@fluentui-react-native/adapters": ">=0.3.34 <1.0.0",
     "@fluentui-react-native/interactive-hooks": ">=0.5.0 <1.0.0",
-    "@fluentui-react-native/tokens": ">=0.5.4 <1.0.0",
     "@uifabricshared/foundation-composable": ">=0.6.71 <1.0.0",
     "@uifabricshared/foundation-settings": ">=0.6.3 <1.0.0"
   },
diff --git a/packages/components/Link/package.json b/packages/components/Link/package.json
index 8e9ac6fdaf..461ec32ddd 100644
--- a/packages/components/Link/package.json
+++ b/packages/components/Link/package.json
@@ -13,6 +13,7 @@
     "build": "fluentui-scripts build",
     "just": "fluentui-scripts",
     "clean": "fluentui-scripts clean",
+    "depcheck": "fluentui-scripts depcheck",
     "lint": "fluentui-scripts eslint",
     "test": "fluentui-scripts jest",
     "update-snapshots": "fluentui-scripts jest -u",
diff --git a/packages/components/Persona/package.json b/packages/components/Persona/package.json
index c62229b029..838908f3db 100644
--- a/packages/components/Persona/package.json
+++ b/packages/components/Persona/package.json
@@ -13,6 +13,7 @@
     "build": "fluentui-scripts build",
     "just": "fluentui-scripts",
     "clean": "fluentui-scripts clean",
+    "depcheck": "fluentui-scripts depcheck",
     "lint": "fluentui-scripts eslint",
     "test": "fluentui-scripts jest",
     "update-snapshots": "fluentui-scripts jest -u",
diff --git a/packages/components/PersonaCoin/package.json b/packages/components/PersonaCoin/package.json
index 083eb13b57..43da817826 100644
--- a/packages/components/PersonaCoin/package.json
+++ b/packages/components/PersonaCoin/package.json
@@ -14,6 +14,7 @@
     "just": "fluentui-scripts",
     "clean": "fluentui-scripts clean",
     "lint": "fluentui-scripts eslint",
+    "depcheck": "fluentui-scripts depcheck",
     "test": "fluentui-scripts jest",
     "update-snapshots": "fluentui-scripts jest -u",
     "verify-api": "fluentui-scripts verify-api-extractor",
diff --git a/packages/components/Pressable/package.json b/packages/components/Pressable/package.json
index b419e297fa..8004ec8d10 100644
--- a/packages/components/Pressable/package.json
+++ b/packages/components/Pressable/package.json
@@ -13,6 +13,7 @@
     "build": "fluentui-scripts build",
     "just": "fluentui-scripts",
     "clean": "fluentui-scripts clean",
+    "depcheck": "fluentui-scripts depcheck",
     "lint": "fluentui-scripts eslint",
     "test": "fluentui-scripts jest",
     "update-snapshots": "fluentui-scripts jest -u",
@@ -20,7 +21,6 @@
     "update-api": "fluentui-scripts update-api-extractor"
   },
   "dependencies": {
-    "@uifabricshared/foundation-compose": "^1.6.78",
     "@fluentui-react-native/adapters": ">=0.3.34 <1.0.0",
     "@fluentui-react-native/interactive-hooks": ">=0.5.0 <1.0.0",
     "@uifabricshared/foundation-composable": ">=0.6.71 <1.0.0",
diff --git a/packages/components/RadioGroup/package.json b/packages/components/RadioGroup/package.json
index ee13eb5fbc..39a148bd4b 100644
--- a/packages/components/RadioGroup/package.json
+++ b/packages/components/RadioGroup/package.json
@@ -13,6 +13,7 @@
     "build": "fluentui-scripts build",
     "just": "fluentui-scripts",
     "clean": "fluentui-scripts clean",
+    "depcheck": "fluentui-scripts depcheck",
     "lint": "fluentui-scripts eslint",
     "test": "fluentui-scripts jest",
     "update-snapshots": "fluentui-scripts jest -u",
diff --git a/packages/components/Separator/package.json b/packages/components/Separator/package.json
index deb9524851..3b8fba88de 100644
--- a/packages/components/Separator/package.json
+++ b/packages/components/Separator/package.json
@@ -13,6 +13,7 @@
     "build": "fluentui-scripts build",
     "just": "fluentui-scripts",
     "clean": "fluentui-scripts clean",
+    "depcheck": "fluentui-scripts depcheck",
     "lint": "fluentui-scripts eslint",
     "test": "fluentui-scripts jest",
     "update-snapshots": "fluentui-scripts jest -u",
diff --git a/packages/components/Stack/package.json b/packages/components/Stack/package.json
index 646e764804..3ba178ef31 100644
--- a/packages/components/Stack/package.json
+++ b/packages/components/Stack/package.json
@@ -13,6 +13,7 @@
     "build": "fluentui-scripts build",
     "just": "fluentui-scripts",
     "clean": "fluentui-scripts clean",
+    "depcheck": "fluentui-scripts depcheck",
     "lint": "fluentui-scripts eslint",
     "test": "fluentui-scripts jest",
     "update-snapshots": "fluentui-scripts jest -u",
diff --git a/packages/components/text/package.json b/packages/components/text/package.json
index 364867783f..fd6791a547 100644
--- a/packages/components/text/package.json
+++ b/packages/components/text/package.json
@@ -13,6 +13,7 @@
     "build": "fluentui-scripts build",
     "just": "fluentui-scripts",
     "clean": "fluentui-scripts clean",
+    "depcheck": "fluentui-scripts depcheck",
     "lint": "fluentui-scripts eslint",
     "test": "fluentui-scripts jest",
     "update-snapshots": "fluentui-scripts jest -u",
@@ -31,6 +32,7 @@
     "react-native": "0.62.2"
   },
   "peerDependencies": {
+    "react": "^16.8.0",
     "react-native": ">=0.60.0"
   },
   "author": "",
diff --git a/packages/experimental/Button/package.json b/packages/experimental/Button/package.json
index 72c599f0b6..abe1a661e6 100644
--- a/packages/experimental/Button/package.json
+++ b/packages/experimental/Button/package.json
@@ -13,6 +13,7 @@
   "scripts": {
     "build": "fluentui-scripts build",
     "clean": "fluentui-scripts clean",
+    "depcheck": "fluentui-scripts depcheck",
     "just": "fluentui-scripts",
     "lint": "fluentui-scripts eslint",
     "test": "fluentui-scripts jest",
@@ -32,9 +33,11 @@
     "@types/react-native": "^0.62.0",
     "@uifabricshared/build-native": "^0.1.1",
     "@uifabricshared/eslint-config-rules": "^0.1.1",
+    "react": "16.11.0",
     "react-native": "0.62.2"
   },
   "peerDependencies": {
+    "react": "^16.8.0",
     "react-native": ">=0.60.0"
   },
   "author": "",
diff --git a/packages/experimental/Stack/package.json b/packages/experimental/Stack/package.json
index d6343f2911..80c024cf96 100644
--- a/packages/experimental/Stack/package.json
+++ b/packages/experimental/Stack/package.json
@@ -13,6 +13,7 @@
   "scripts": {
     "build": "fluentui-scripts build",
     "clean": "fluentui-scripts clean",
+    "depcheck": "fluentui-scripts depcheck",
     "just": "fluentui-scripts",
     "lint": "fluentui-scripts eslint",
     "test": "fluentui-scripts jest",
@@ -31,9 +32,11 @@
     "@fluentui-react-native/text": ">=0.6.6 <1.0.0",
     "@uifabricshared/build-native": "^0.1.1",
     "@uifabricshared/eslint-config-rules": "^0.1.1",
+    "react": "16.11.0",
     "react-native": "0.62.2"
   },
   "peerDependencies": {
+    "react": "^16.8.0",
     "react-native": ">=0.60.0"
   },
   "author": "",
diff --git a/packages/experimental/Text/package.json b/packages/experimental/Text/package.json
index 43ae536603..959bbb9d00 100644
--- a/packages/experimental/Text/package.json
+++ b/packages/experimental/Text/package.json
@@ -13,6 +13,7 @@
   "scripts": {
     "build": "fluentui-scripts build",
     "clean": "fluentui-scripts clean",
+    "depcheck": "fluentui-scripts depcheck",
     "just": "fluentui-scripts",
     "lint": "fluentui-scripts eslint",
     "test": "fluentui-scripts jest",
@@ -22,8 +23,7 @@
   },
   "dependencies": {
     "@fluentui-react-native/adapters": ">=0.3.34 <1.0.0",
-    "@fluentui-react-native/experimental-framework": "0.2.7",
-    "@fluentui-react-native/tokens": ">=0.5.4 <1.0.0"
+    "@fluentui-react-native/experimental-framework": "0.2.7"
   },
   "devDependencies": {
     "@types/react-native": "^0.62.0",
@@ -32,6 +32,7 @@
     "react-native": "0.62.2"
   },
   "peerDependencies": {
+    "react": "^16.8.0",
     "react-native": ">=0.60.0"
   },
   "author": "",
diff --git a/packages/experimental/composition/package.json b/packages/experimental/composition/package.json
index 8582f0b146..7719c21250 100644
--- a/packages/experimental/composition/package.json
+++ b/packages/experimental/composition/package.json
@@ -17,6 +17,7 @@
     "build": "fluentui-scripts build",
     "bundle": "fluentui-scripts bundle",
     "clean": "fluentui-scripts clean",
+    "depcheck": "fluentui-scripts depcheck",
     "code-style": "fluentui-scripts code-style",
     "just": "fluentui-scripts",
     "lint": "fluentui-scripts eslint",
@@ -32,12 +33,14 @@
   "license": "MIT",
   "dependencies": {
     "@fluentui-react-native/immutable-merge": "^1.0.1",
-    "@fluentui-react-native/memo-cache": "^1.0.1",
     "@fluentui-react-native/use-slots": ">=0.3.4 <1.0.0",
     "@fluentui-react-native/use-styling": ">=0.2.3 <1.0.0"
   },
   "devDependencies": {
-    "@types/jest": "^19.2.2",
-    "@uifabricshared/build-native": "^0.1.1"
+    "@uifabricshared/build-native": "^0.1.1",
+    "react-native": "^0.62.2"
+  },
+  "peerDependencies": {
+    "react-native": ">=0.60.0"
   }
 }
diff --git a/packages/experimental/experimental-framework/package.json b/packages/experimental/experimental-framework/package.json
index 6481b25578..19d7359048 100644
--- a/packages/experimental/experimental-framework/package.json
+++ b/packages/experimental/experimental-framework/package.json
@@ -14,6 +14,7 @@
     "bundle": "fluentui-scripts webpack",
     "clean": "fluentui-scripts clean",
     "code-style": "fluentui-scripts code-style",
+    "depcheck": "fluentui-scripts depcheck",
     "just": "fluentui-scripts",
     "lint": "fluentui-scripts eslint",
     "start:tester": "react-native start --projectRoot ./src",
@@ -35,7 +36,6 @@
     "@fluentui-react-native/tokens": ">=0.5.4 <1.0.0"
   },
   "devDependencies": {
-    "@types/prop-types": "15.5.1",
     "@types/react": "^16.9.34",
     "@types/react-native": "^0.62.0",
     "@uifabricshared/build-native": "^0.1.1",
diff --git a/packages/experimental/use-slots/package.json b/packages/experimental/use-slots/package.json
index 76cfee2c35..13c8a3e88d 100644
--- a/packages/experimental/use-slots/package.json
+++ b/packages/experimental/use-slots/package.json
@@ -18,6 +18,7 @@
     "bundle": "fluentui-scripts bundle",
     "clean": "fluentui-scripts clean",
     "code-style": "fluentui-scripts code-style",
+    "depcheck": "fluentui-scripts depcheck",
     "just": "fluentui-scripts",
     "lint": "fluentui-scripts eslint",
     "start": "fluentui-scripts dev",
@@ -31,13 +32,16 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "@fluentui-react-native/memo-cache": "^1.0.1",
-    "@fluentui-react-native/immutable-merge": "^1.0.1",
-    "@fluentui-react-native/use-styling": ">=0.2.3 <1.0.0",
     "@uifabricshared/foundation-settings": ">=0.6.3 <1.0.0"
   },
   "devDependencies": {
     "@types/jest": "^19.2.2",
-    "@uifabricshared/build-native": "^0.1.1"
+    "@uifabricshared/build-native": "^0.1.1",
+    "react": "16.11.0",
+    "react-native": "^0.62.2"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0",
+    "react-native": ">0.60.0"
   }
 }
diff --git a/packages/experimental/use-styling/package.json b/packages/experimental/use-styling/package.json
index 3301f68e1a..767084859c 100644
--- a/packages/experimental/use-styling/package.json
+++ b/packages/experimental/use-styling/package.json
@@ -18,6 +18,7 @@
     "bundle": "fluentui-scripts bundle",
     "clean": "fluentui-scripts clean",
     "code-style": "fluentui-scripts code-style",
+    "depcheck": "fluentui-scripts depcheck",
     "just": "fluentui-scripts",
     "lint": "fluentui-scripts eslint",
     "start": "fluentui-scripts dev",
@@ -32,8 +33,7 @@
   "license": "MIT",
   "dependencies": {
     "@fluentui-react-native/immutable-merge": "^1.0.1",
-    "@fluentui-react-native/memo-cache": "^1.0.1",
-    "@uifabricshared/foundation-settings": ">=0.6.3 <1.0.0"
+    "@fluentui-react-native/memo-cache": "^1.0.1"
   },
   "devDependencies": {
     "@types/jest": "^19.2.2",
diff --git a/packages/framework/foundation-composable/package.json b/packages/framework/foundation-composable/package.json
index 1a4248df08..bfa844b865 100644
--- a/packages/framework/foundation-composable/package.json
+++ b/packages/framework/foundation-composable/package.json
@@ -18,6 +18,7 @@
     "bundle": "fluentui-scripts bundle",
     "just": "fluentui-scripts",
     "clean": "fluentui-scripts clean",
+    "depcheck": "fluentui-scripts depcheck",
     "test": "fluentui-scripts jest",
     "code-style": "fluentui-scripts code-style",
     "lint": "fluentui-scripts eslint",
diff --git a/packages/framework/foundation-compose/package.json b/packages/framework/foundation-compose/package.json
index 2d13730d46..c4b1348f4e 100644
--- a/packages/framework/foundation-compose/package.json
+++ b/packages/framework/foundation-compose/package.json
@@ -18,6 +18,7 @@
     "bundle": "fluentui-scripts bundle",
     "just": "fluentui-scripts",
     "clean": "fluentui-scripts clean",
+    "depcheck": "fluentui-scripts depcheck",
     "test": "fluentui-scripts jest",
     "code-style": "fluentui-scripts code-style",
     "lint": "fluentui-scripts eslint",
@@ -32,15 +33,23 @@
   "license": "MIT",
   "dependencies": {
     "@fluentui-react-native/immutable-merge": "^1.0.1",
-    "@fluentui-react-native/memo-cache": "^1.0.1",
     "@uifabricshared/themed-settings": ">=0.4.70 <1.0.0",
     "@uifabricshared/foundation-composable": ">=0.6.71 <1.0.0",
+    "@uifabricshared/foundation-settings": ">=0.6.3 <1.0.0",
     "@uifabricshared/foundation-tokens": ">=0.7.2 <1.0.0",
     "@uifabricshared/theming-react-native": ">=0.7.74 <1.0.0",
     "@uifabricshared/theming-ramp": ">=0.10.3 <1.0.0"
   },
   "devDependencies": {
-    "@types/jest": "^19.2.2",
-    "@uifabricshared/eslint-config-rules": "^0.1.1"
+    "@uifabricshared/eslint-config-rules": "^0.1.1",
+    "react": "16.11.0"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0"
+  },
+  "depcheck": {
+    "ignoreMatches": [
+      "@uifabricshared/theming-react-native"
+    ]
   }
 }
diff --git a/packages/framework/foundation-settings/package.json b/packages/framework/foundation-settings/package.json
index 84c71d143a..3da7444df4 100644
--- a/packages/framework/foundation-settings/package.json
+++ b/packages/framework/foundation-settings/package.json
@@ -18,6 +18,7 @@
     "bundle": "fluentui-scripts bundle",
     "just": "fluentui-scripts",
     "clean": "fluentui-scripts clean",
+    "depcheck": "fluentui-scripts depcheck",
     "test": "fluentui-scripts jest",
     "code-style": "fluentui-scripts code-style",
     "lint": "fluentui-scripts eslint",
diff --git a/packages/framework/foundation-tokens/package.json b/packages/framework/foundation-tokens/package.json
index 5e847792f4..e06d3144fe 100644
--- a/packages/framework/foundation-tokens/package.json
+++ b/packages/framework/foundation-tokens/package.json
@@ -18,6 +18,7 @@
     "bundle": "fluentui-scripts bundle",
     "just": "fluentui-scripts",
     "clean": "fluentui-scripts clean",
+    "depcheck": "fluentui-scripts depcheck",
     "test": "fluentui-scripts jest",
     "code-style": "fluentui-scripts code-style",
     "lint": "fluentui-scripts eslint",
diff --git a/packages/framework/immutable-merge/package.json b/packages/framework/immutable-merge/package.json
index 03ae9b7d8f..1632dfaf53 100644
--- a/packages/framework/immutable-merge/package.json
+++ b/packages/framework/immutable-merge/package.json
@@ -18,6 +18,7 @@
     "bundle": "fluentui-scripts bundle",
     "just": "fluentui-scripts",
     "clean": "fluentui-scripts clean",
+    "depcheck": "fluentui-scripts depcheck",
     "test": "fluentui-scripts jest",
     "code-style": "fluentui-scripts code-style",
     "lint": "fluentui-scripts eslint",
diff --git a/packages/framework/memo-cache/package.json b/packages/framework/memo-cache/package.json
index a4d30485db..cd39d09335 100644
--- a/packages/framework/memo-cache/package.json
+++ b/packages/framework/memo-cache/package.json
@@ -19,6 +19,7 @@
     "just": "fluentui-scripts",
     "clean": "fluentui-scripts clean",
     "code-style": "fluentui-scripts code-style",
+    "depcheck": "fluentui-scripts depcheck",
     "lint": "fluentui-scripts eslint",
     "start": "fluentui-scripts dev",
     "start-test": "fluentui-scripts jest-watch",
diff --git a/packages/framework/theme-registry/package.json b/packages/framework/theme-registry/package.json
index fe1eb03c72..baf7e58196 100644
--- a/packages/framework/theme-registry/package.json
+++ b/packages/framework/theme-registry/package.json
@@ -19,6 +19,7 @@
     "just": "fluentui-scripts",
     "clean": "fluentui-scripts clean",
     "code-style": "fluentui-scripts code-style",
+    "depcheck": "fluentui-scripts depcheck",
     "lint": "fluentui-scripts eslint",
     "start": "fluentui-scripts dev",
     "start-test": "fluentui-scripts jest-watch",
@@ -30,10 +31,9 @@
   "keywords": [],
   "author": "",
   "license": "MIT",
-  "dependencies": {
-    "@fluentui-react-native/immutable-merge": "^1.0.1"
-  },
+  "dependencies": {},
   "devDependencies": {
+    "@fluentui-react-native/immutable-merge": "^1.0.1",
     "@types/jest": "^19.2.2",
     "@uifabricshared/build-native": "^0.1.1",
     "@uifabricshared/eslint-config-rules": "^0.1.1"
diff --git a/packages/framework/themed-settings/package.json b/packages/framework/themed-settings/package.json
index fd8320f8af..dbbdc941d0 100644
--- a/packages/framework/themed-settings/package.json
+++ b/packages/framework/themed-settings/package.json
@@ -19,6 +19,7 @@
     "just": "fluentui-scripts",
     "clean": "fluentui-scripts clean",
     "code-style": "fluentui-scripts code-style",
+    "depcheck": "fluentui-scripts depcheck",
     "lint": "fluentui-scripts eslint",
     "start": "fluentui-scripts dev",
     "start-test": "fluentui-scripts jest-watch",
diff --git a/packages/framework/themed-stylesheet/package.json b/packages/framework/themed-stylesheet/package.json
index 686ac86a42..221387d4a5 100644
--- a/packages/framework/themed-stylesheet/package.json
+++ b/packages/framework/themed-stylesheet/package.json
@@ -19,6 +19,7 @@
     "just": "fluentui-scripts",
     "clean": "fluentui-scripts clean",
     "code-style": "fluentui-scripts code-style",
+    "depcheck": "fluentui-scripts depcheck",
     "lint": "fluentui-scripts eslint",
     "start": "fluentui-scripts dev",
     "start-test": "fluentui-scripts jest-watch",
diff --git a/packages/framework/theming-ramp/package.json b/packages/framework/theming-ramp/package.json
index adbe8925bb..391a8219bb 100644
--- a/packages/framework/theming-ramp/package.json
+++ b/packages/framework/theming-ramp/package.json
@@ -19,6 +19,7 @@
     "just": "fluentui-scripts",
     "clean": "fluentui-scripts clean",
     "code-style": "fluentui-scripts code-style",
+    "depcheck": "fluentui-scripts depcheck",
     "lint": "fluentui-scripts eslint",
     "start": "fluentui-scripts dev",
     "start-test": "fluentui-scripts jest-watch",
diff --git a/packages/framework/theming-react-native/package.json b/packages/framework/theming-react-native/package.json
index e46aa092c7..99ee8fc5d6 100644
--- a/packages/framework/theming-react-native/package.json
+++ b/packages/framework/theming-react-native/package.json
@@ -15,6 +15,7 @@
     "just": "fluentui-scripts",
     "clean": "fluentui-scripts clean",
     "code-style": "fluentui-scripts code-style",
+    "depcheck": "fluentui-scripts depcheck",
     "lint": "fluentui-scripts eslint",
     "start": "fluentui-scripts dev",
     "start-test": "fluentui-scripts jest-watch",
@@ -28,18 +29,19 @@
   "license": "MIT",
   "dependencies": {
     "@uifabricshared/theme-registry": ">=0.3.68 <1.0.0",
-    "@uifabricshared/foundation-settings": ">=0.6.3 <1.0.0",
     "@uifabricshared/theming-ramp": ">=0.10.3 <1.0.0"
   },
   "devDependencies": {
     "@types/jest": "^19.2.2",
     "@types/react": "^16.9.34",
     "react": "16.11.0",
+    "react-native": "^0.62.2",
     "typescript": "3.8.3",
     "@uifabricshared/build-native": "^0.1.1",
     "@uifabricshared/eslint-config-rules": "^0.1.1"
   },
   "peerDependencies": {
-    "react": "^16.8.0"
+    "react": "^16.8.0",
+    "react-native": ">=0.60.0"
   }
 }
diff --git a/packages/libraries/core/package.json b/packages/libraries/core/package.json
index 9e8e46546f..1299f16c46 100644
--- a/packages/libraries/core/package.json
+++ b/packages/libraries/core/package.json
@@ -14,6 +14,7 @@
     "bundle": "fluentui-scripts bundle",
     "clean": "fluentui-scripts clean",
     "code-style": "fluentui-scripts code-style",
+    "depcheck": "fluentui-scripts depcheck",
     "just": "fluentui-scripts",
     "lint": "fluentui-scripts eslint",
     "start:tester": "react-native start --projectRoot ./src",
@@ -24,14 +25,6 @@
     "verify-api": "fluentui-scripts verify-api-extractor"
   },
   "dependencies": {
-    "@uifabricshared/foundation-composable": ">=0.6.71 <1.0.0",
-    "@uifabricshared/foundation-compose": "^1.6.78",
-    "@uifabricshared/foundation-settings": ">=0.6.3 <1.0.0",
-    "@uifabricshared/foundation-tokens": ">=0.7.2 <1.0.0",
-    "@fluentui-react-native/immutable-merge": "^1.0.1",
-    "@uifabricshared/theming-ramp": ">=0.10.3 <1.0.0",
-    "@uifabricshared/theming-react-native": ">=0.7.74 <1.0.0",
-    "@fluentui-react-native/adapters": ">=0.3.34 <1.0.0",
     "@fluentui-react-native/interactive-hooks": ">=0.5.0 <1.0.0",
     "@fluentui-react-native/button": ">=0.10.7 <1.0.0",
     "@fluentui-react-native/callout": ">=0.11.7 <1.0.0",
@@ -44,12 +37,9 @@
     "@fluentui-react-native/pressable": ">=0.3.83 <1.0.0",
     "@fluentui-react-native/radio-group": ">=0.4.4 <1.0.0",
     "@fluentui-react-native/separator": ">=0.4.6 <1.0.0",
-    "@fluentui-react-native/text": ">=0.6.6 <1.0.0",
-    "@fluentui-react-native/tokens": ">=0.5.4 <1.0.0"
+    "@fluentui-react-native/text": ">=0.6.6 <1.0.0"
   },
   "devDependencies": {
-    "@types/prop-types": "15.5.1",
-    "@types/react": "^16.9.34",
     "@types/react-native": "^0.62.0",
     "@uifabricshared/build-native": "^0.1.1",
     "@uifabricshared/eslint-config-rules": "^0.1.1",
diff --git a/packages/libraries/framework/package.json b/packages/libraries/framework/package.json
index de9621c1ba..6b1d5c77c0 100644
--- a/packages/libraries/framework/package.json
+++ b/packages/libraries/framework/package.json
@@ -15,6 +15,7 @@
     "just": "fluentui-scripts",
     "clean": "fluentui-scripts clean",
     "code-style": "fluentui-scripts code-style",
+    "depcheck": "fluentui-scripts depcheck",
     "lint": "fluentui-scripts eslint",
     "bundle": "fluentui-scripts webpack",
     "start:tester": "react-native start --projectRoot ./src",
diff --git a/packages/utils/adapters/package.json b/packages/utils/adapters/package.json
index 8bd62124dd..e507ebda0e 100644
--- a/packages/utils/adapters/package.json
+++ b/packages/utils/adapters/package.json
@@ -13,6 +13,7 @@
     "build": "fluentui-scripts build",
     "just": "fluentui-scripts",
     "clean": "fluentui-scripts clean",
+    "depcheck": "fluentui-scripts depcheck",
     "lint": "fluentui-scripts eslint",
     "test": "fluentui-scripts jest",
     "update-snapshots": "fluentui-scripts jest -u",
diff --git a/packages/utils/build-tools/just.config.js b/packages/utils/build-tools/just.config.js
index 59861e0020..d8ee1a74cb 100644
--- a/packages/utils/build-tools/just.config.js
+++ b/packages/utils/build-tools/just.config.js
@@ -1,6 +1,7 @@
 // @ts-check
 
 const { task, series, parallel, option, argv, tscTask, cleanTask, eslintTask } = require('just-scripts');
+const { depcheckTask } = require('@uifabricshared/build-native/tasks/depcheck');
 
 const path = require('path');
 
@@ -26,4 +27,5 @@ module.exports = function preset() {
   task('build', series('cleanlib', parallel('lint', 'ts')));
   task('no-op', () => {});
   task('clean', 'no-op');
+  task('depcheck', depcheckTask);
 };
diff --git a/packages/utils/build-tools/package.json b/packages/utils/build-tools/package.json
index 3dad7654e5..7bf44b49e7 100644
--- a/packages/utils/build-tools/package.json
+++ b/packages/utils/build-tools/package.json
@@ -11,13 +11,14 @@
     "lint": "fluentui-scripts eslint"
   },
   "dependencies": {
-    "babel-jest": "^24.9.0",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.2",
-    "jest": "^24.9.0",
     "just-repo-utils": "^0.2.0",
     "just-task": "^0.14.3",
-    "metro-config": "^0.58.0"
+    "metro": "^0.58.0",
+    "metro-config": "^0.58.0",
+    "metro-react-native-babel-transformer": "^0.58.0",
+    "react-native-svg-transformer": "^0.14.3"
   },
   "devDependencies": {
     "@typescript-eslint/eslint-plugin": "^2.1.0",
diff --git a/packages/utils/interactive-hooks/package.json b/packages/utils/interactive-hooks/package.json
index 60b07c6f61..1e6fbfd86b 100644
--- a/packages/utils/interactive-hooks/package.json
+++ b/packages/utils/interactive-hooks/package.json
@@ -13,6 +13,7 @@
     "build": "fluentui-scripts build",
     "just": "fluentui-scripts",
     "clean": "fluentui-scripts clean",
+    "depcheck": "fluentui-scripts depcheck",
     "lint": "fluentui-scripts eslint",
     "test": "fluentui-scripts jest",
     "update-snapshots": "fluentui-scripts jest -u",
diff --git a/packages/utils/tokens/package.json b/packages/utils/tokens/package.json
index 8ac5ed8d5d..5577c750df 100644
--- a/packages/utils/tokens/package.json
+++ b/packages/utils/tokens/package.json
@@ -13,6 +13,7 @@
     "build": "fluentui-scripts build",
     "just": "fluentui-scripts",
     "clean": "fluentui-scripts clean",
+    "depcheck": "fluentui-scripts depcheck",
     "lint": "fluentui-scripts eslint",
     "test": "fluentui-scripts jest",
     "update-snapshots": "fluentui-scripts jest -u",
diff --git a/prettier.config.js b/prettier.config.js
index ba754176f9..3771d70456 100644
--- a/prettier.config.js
+++ b/prettier.config.js
@@ -1,5 +1,7 @@
+// https://prettier.io/docs/en/configuration.html
 module.exports = {
   printWidth: 140,
   tabWidth: 2,
-  singleQuote: true
+  singleQuote: true,
+  trailingComma: 'all',
 };
diff --git a/scripts/just.config.js b/scripts/just.config.js
index 8c38ee238b..7838c1c91d 100644
--- a/scripts/just.config.js
+++ b/scripts/just.config.js
@@ -14,6 +14,7 @@ const { webpack, webpackDevServer } = require('./tasks/webpack');
 const { metroTask } = require('@fluentui-react-native/build-tools');
 const { verifyApiExtractor, updateApiExtractor } = require('./tasks/api-extractor');
 const checkForModifiedFiles = require('./tasks/check-for-modified-files');
+const { depcheckTask } = require('./tasks/depcheck');
 
 function fileExists(path) {
   try {
@@ -88,5 +89,7 @@ module.exports = function preset() {
 
   task('build', series('clean', 'copy', 'ts'));
 
+  task('depcheck', depcheckTask);
+
   task('no-op', () => {});
 };
diff --git a/scripts/package.json b/scripts/package.json
index ab371352df..94b10bbe1c 100644
--- a/scripts/package.json
+++ b/scripts/package.json
@@ -42,6 +42,7 @@
     "@uifabric/prettier-rules": "^7.0.3",
     "babel-jest": "^24.9.0",
     "babel-plugin-module-resolver": "^4.0.0",
+    "depcheck": "^1.0.0",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.2",
     "enzyme-to-json": "^3.4.4",
@@ -58,6 +59,8 @@
     "just-repo-utils": "^0.2.0",
     "just-scripts": "^0.38.0",
     "prettier": "~1.17.0",
+    "react-test-renderer": "~16.11.0",
+    "rimraf": "^3.0.2",
     "typescript": "3.8.3",
     "webpack": "^4.42.0",
     "webpack-bundle-analyzer": "^3.0.4",
diff --git a/scripts/tasks/depcheck.js b/scripts/tasks/depcheck.js
new file mode 100644
index 0000000000..6915344014
--- /dev/null
+++ b/scripts/tasks/depcheck.js
@@ -0,0 +1,63 @@
+function mergeOneLevel(a, b = {}) {
+  const result = { ...a, ...b };
+  Object.keys(a).forEach(key => {
+    if (Array.isArray(b[key]) && Array.isArray(a[key])) {
+      result[key] = [].concat(a[key], b[key]);
+    }
+  });
+  return result;
+}
+
+function scriptsDevDeps() {
+  const config = require('@uifabricshared/build-native/package.json');
+  return Object.keys(config.devDependencies);
+}
+
+function depcheckTask() {
+  return function(done) {
+    const { logger } = require('just-scripts');
+    const depcheck = require('depcheck');
+    const path = require('path');
+    const config = require(path.join(process.cwd(), 'package.json'));
+    const options = mergeOneLevel(
+      {
+        ignorePatterns: ['*eslint*', '/lib/*', '/lib-commonjs/*'],
+        ignoreMatches: ['@uifabricshared/build-native', '@uifabricshared/eslint-config-rules', ...scriptsDevDeps()],
+        specials: [depcheck.special.eslint, depcheck.special.webpack, depcheck.special.jest]
+      },
+      config.depcheck
+    );
+
+    return depcheck(process.cwd(), options, result => {
+      try {
+        if (result.devDependencies.length > 0) {
+          logger.warn('Unused devDependencies');
+          result.devDependencies.forEach(dependency => {
+            logger.warn(`-- ${dependency}`);
+          });
+        }
+        if (result.dependencies.length > 0 || Object.keys(result.missing).length > 0) {
+          if (result.dependencies.length > 0) {
+            logger.error('Unused dependencies');
+            result.dependencies.forEach(dependency => {
+              logger.error(`-- ${dependency}`);
+            });
+          }
+
+          Object.keys(result.missing).forEach(dependency => {
+            logger.error(`Missing dependency on ${dependency}`);
+            result.missing[dependency].forEach(file => {
+              logger.error(`-- ${file}`);
+            });
+          });
+
+          throw 'Dependency checking failed';
+        }
+      } catch (error) {
+        done(error);
+      }
+    });
+  };
+}
+
+module.exports.depcheckTask = depcheckTask;
diff --git a/yarn.lock b/yarn.lock
index 8e694a3894..42f7ab96f3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -149,6 +149,15 @@
     jsesc "^2.5.1"
     source-map "^0.5.0"
 
+"@babel/generator@^7.11.0":
+  version "7.11.0"
+  resolved "https://registry.npmjs.org/@babel/generator/-/generator-7.11.0.tgz#4b90c78d8c12825024568cbe83ee6c9af193585c"
+  integrity sha512-fEm3Uzw7Mc9Xi//qU20cBKatTfs2aOtKqmvy/Vm7RkJEGFQ4xc9myCfbXxqK//ZS8MR/ciOHw6meGASJuKmDfQ==
+  dependencies:
+    "@babel/types" "^7.11.0"
+    jsesc "^2.5.1"
+    source-map "^0.5.0"
+
 "@babel/helper-annotate-as-pure@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.10.4.tgz#5bf0d495a3f757ac3bda48b5bf3b3ba309c72ba3"
@@ -466,6 +475,11 @@
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.10.5.tgz#e7c6bf5a7deff957cec9f04b551e2762909d826b"
   integrity sha512-wfryxy4bE1UivvQKSQDU4/X6dr+i8bctjUjj8Zyt3DQy7NtPizJXT8M52nqpNKL+nq2PW8lxk4ZqLj0fD4B4hQ==
 
+"@babel/parser@^7.11.0", "@babel/parser@^7.9.6":
+  version "7.11.3"
+  resolved "https://registry.npmjs.org/@babel/parser/-/parser-7.11.3.tgz#9e1eae46738bcd08e23e867bab43e7b95299a8f9"
+  integrity sha512-REo8xv7+sDxkKvoxEywIdsNFiZLybwdI7hcT5uEPyQrSMB4YQ973BfC9OOrD/81MaIjh6UxdulIQXkjmiH3PcA==
+
 "@babel/plugin-external-helpers@^7.0.0":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-external-helpers/-/plugin-external-helpers-7.8.3.tgz#5a94164d9af393b2820a3cdc407e28ebf237de4b"
@@ -1206,6 +1220,21 @@
     globals "^11.1.0"
     lodash "^4.17.19"
 
+"@babel/traverse@^7.9.6":
+  version "7.11.0"
+  resolved "https://registry.npmjs.org/@babel/traverse/-/traverse-7.11.0.tgz#9b996ce1b98f53f7c3e4175115605d56ed07dd24"
+  integrity sha512-ZB2V+LskoWKNpMq6E5UUCrjtDUh5IOTAyIl0dTjIEoXum/iKWkoIEKIRDnUucO6f+2FzNkE0oD4RLKoPIufDtg==
+  dependencies:
+    "@babel/code-frame" "^7.10.4"
+    "@babel/generator" "^7.11.0"
+    "@babel/helper-function-name" "^7.10.4"
+    "@babel/helper-split-export-declaration" "^7.11.0"
+    "@babel/parser" "^7.11.0"
+    "@babel/types" "^7.11.0"
+    debug "^4.1.0"
+    globals "^11.1.0"
+    lodash "^4.17.19"
+
 "@babel/types@^7.0.0", "@babel/types@^7.10.1", "@babel/types@^7.10.4", "@babel/types@^7.10.5", "@babel/types@^7.11.0", "@babel/types@^7.3.0", "@babel/types@^7.4.0", "@babel/types@^7.4.4", "@babel/types@^7.7.0":
   version "7.11.0"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.11.0.tgz#2ae6bf1ba9ae8c3c43824e5861269871b206e90d"
@@ -5306,6 +5335,11 @@ bufferpack@0.0.6:
   resolved "https://registry.yarnpkg.com/bufferpack/-/bufferpack-0.0.6.tgz#fb3d8738a0e1e4e03bcff99f9a75f9ec18a9d73e"
   integrity sha1-+z2HOKDh5OA7z/mfmnX57Bip1z4=
 
+builtin-modules@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.1.0.tgz#aad97c15131eb76b65b50ef208e7584cd76a7484"
+  integrity sha512-k0KL0aWZuBt2lrxrcASWDfwOLMnodeQjodT/1SxEQAXsHANgo6ZC/VEaSEHCXt7aSTZ4/4H5LKa+tBXmW7Vtvw==
+
 builtin-status-codes@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8"
@@ -5476,6 +5510,11 @@ camelcase@^5.0.0, camelcase@^5.3.1:
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
   integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
 
+camelcase@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/camelcase/-/camelcase-6.0.0.tgz#5259f7c30e35e278f1bdc2a4d91230b37cad981e"
+  integrity sha512-8KMDF1Vz2gzOq54ONPJS65IvTUaB1cHJ2DMM7MbPmLZljDH1qpzzLsWdiN9pHh6qvkRVDTi/07+eNGch/oLU4w==
+
 caniuse-lite@^1.0.30001043:
   version "1.0.30001055"
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001055.tgz#7b52c3537f7a8c0408aca867e83d2b04268b54cd"
@@ -6457,6 +6496,11 @@ dayjs@^1.8.15:
   resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.8.26.tgz#c6d62ccdf058ca72a8d14bb93a23501058db9f1e"
   integrity sha512-KqtAuIfdNfZR5sJY1Dixr2Is4ZvcCqhb0dZpCOt5dGEFiMzoIbjkTSzUb4QKTCsP+WNpGwUjAFIZrnZvUxxkhw==
 
+de-indent@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"
+  integrity sha1-sgOOhG3DO6pXlhKNCAS0VbjB4h0=
+
 debounce@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/debounce/-/debounce-1.2.0.tgz#44a540abc0ea9943018dc0eaa95cce87f65cd131"
@@ -6686,6 +6730,30 @@ denodeify@^1.2.1:
   resolved "https://registry.yarnpkg.com/denodeify/-/denodeify-1.2.1.tgz#3a36287f5034e699e7577901052c2e6c94251631"
   integrity sha1-OjYof1A05pnnV3kBBSwubJQlFjE=
 
+depcheck@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/depcheck/-/depcheck-1.0.0.tgz#d19693f769bcef62a11395dfcec74ca2d7a2943e"
+  integrity sha512-wihgItOFCxLbQLXT3i8qzGlMkBoGrgdLWS8Fv1AS19SE6SFxfmJ2cDq35lVb+ZYpMfq9Yn3bzjOxEuHD2Ju7vA==
+  dependencies:
+    "@babel/parser" "^7.9.6"
+    "@babel/traverse" "^7.9.6"
+    builtin-modules "^3.1.0"
+    camelcase "^6.0.0"
+    cosmiconfig "^6.0.0"
+    debug "^4.1.1"
+    deps-regex "^0.1.4"
+    ignore "^5.1.4"
+    js-yaml "^3.13.1"
+    lodash "^4.17.15"
+    minimatch "^3.0.4"
+    node-sass-tilde-importer "^1.0.2"
+    please-upgrade-node "^3.2.0"
+    readdirp "^3.4.0"
+    require-package-name "^2.0.1"
+    resolve "^1.17.0"
+    vue-template-compiler "^2.6.11"
+    yargs "^15.3.1"
+
 depd@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
@@ -6696,6 +6764,11 @@ depd@~2.0.0:
   resolved "https://registry.yarnpkg.com/depd/-/depd-2.0.0.tgz#b696163cc757560d09cf22cc8fad1571b79e76df"
   integrity sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==
 
+deps-regex@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.npmjs.org/deps-regex/-/deps-regex-0.1.4.tgz#518667b7691460a5e7e0a341be76eb7ce8090184"
+  integrity sha1-UYZnt2kUYKXn4KNBvnbrfOgJAYQ=
+
 des.js@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/des.js/-/des.js-1.0.1.tgz#5382142e1bdc53f85d86d53e5f4aa7deb91e0843"
@@ -8301,6 +8374,11 @@ find-cache-dir@^2.0.0, find-cache-dir@^2.1.0:
     make-dir "^2.0.0"
     pkg-dir "^3.0.0"
 
+find-parent-dir@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.npmjs.org/find-parent-dir/-/find-parent-dir-0.3.0.tgz#33c44b429ab2b2f0646299c5f9f718f376ff8d54"
+  integrity sha1-M8RLQpqysvBkYpnF+fcY83b/jVQ=
+
 find-replace@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/find-replace/-/find-replace-3.0.0.tgz#3e7e23d3b05167a76f770c9fbd5258b0def68c38"
@@ -9072,7 +9150,7 @@ hash.js@^1.0.0, hash.js@^1.0.3:
     inherits "^2.0.3"
     minimalistic-assert "^1.0.1"
 
-he@^1.2.0:
+he@^1.1.0, he@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
   integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
@@ -12527,6 +12605,13 @@ node-releases@^1.1.53:
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.55.tgz#8af23b7c561d8e2e6e36a46637bab84633b07cee"
   integrity sha512-H3R3YR/8TjT5WPin/wOoHOUPHgvj8leuU/Keta/rwelEQN9pA/S2Dx8/se4pZ2LBxSd0nAGzsNzhqwa77v7F1w==
 
+node-sass-tilde-importer@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/node-sass-tilde-importer/-/node-sass-tilde-importer-1.0.2.tgz#1a15105c153f648323b4347693fdb0f331bad1ce"
+  integrity sha512-Swcmr38Y7uB78itQeBm3mThjxBy9/Ah/ykPIaURY/L6Nec9AyRoL/jJ7ECfMR+oZeCTVQNxVMu/aHU+TLRVbdg==
+  dependencies:
+    find-parent-dir "^0.3.0"
+
 node-simctl@^5.0.2:
   version "5.3.0"
   resolved "https://registry.yarnpkg.com/node-simctl/-/node-simctl-5.3.0.tgz#653c33533141c6755beb5077c5ec75982425bab9"
@@ -13510,6 +13595,13 @@ pkg-up@^3.1.0:
   dependencies:
     find-up "^3.0.0"
 
+please-upgrade-node@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.npmjs.org/please-upgrade-node/-/please-upgrade-node-3.2.0.tgz#aeddd3f994c933e4ad98b99d9a556efa0e2fe942"
+  integrity sha512-gQR3WpIgNIKwBMVLkpMUeR3e1/E1y42bqDQZfql+kDeXd8COYfM8PQA4X6y7a8u9Ua9FHmsrrmirW2vHs45hWg==
+  dependencies:
+    semver-compare "^1.0.0"
+
 plist@^3.0.0, plist@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/plist/-/plist-3.0.1.tgz#a9b931d17c304e8912ef0ba3bdd6182baf2e1f8c"
@@ -14149,16 +14241,6 @@ react-refresh@^0.4.0:
   resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.4.2.tgz#54a277a6caaac2803d88f1d6f13c1dcfbd81e334"
   integrity sha512-kv5QlFFSZWo7OlJFNYbxRtY66JImuP2LcrFgyJfQaf85gSP+byzG21UbDQEYjU7f//ny8rwiEkO6py2Y+fEgAQ==
 
-react-test-renderer@16.11.0, react-test-renderer@~16.11.0:
-  version "16.11.0"
-  resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.11.0.tgz#72574566496462c808ac449b0287a4c0a1a7d8f8"
-  integrity sha512-nh9gDl8R4ut+ZNNb2EeKO5VMvTKxwzurbSMuGBoKtjpjbg8JK/u3eVPVNi1h1Ue+eYK9oSzJjb+K3lzLxyA4ag==
-  dependencies:
-    object-assign "^4.1.1"
-    prop-types "^15.6.2"
-    react-is "^16.8.6"
-    scheduler "^0.17.0"
-
 react-test-renderer@^16.0.0-0:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.13.1.tgz#de25ea358d9012606de51e012d9742e7f0deabc1"
@@ -14169,6 +14251,16 @@ react-test-renderer@^16.0.0-0:
     react-is "^16.8.6"
     scheduler "^0.19.1"
 
+react-test-renderer@~16.11.0:
+  version "16.11.0"
+  resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.11.0.tgz#72574566496462c808ac449b0287a4c0a1a7d8f8"
+  integrity sha512-nh9gDl8R4ut+ZNNb2EeKO5VMvTKxwzurbSMuGBoKtjpjbg8JK/u3eVPVNi1h1Ue+eYK9oSzJjb+K3lzLxyA4ag==
+  dependencies:
+    object-assign "^4.1.1"
+    prop-types "^15.6.2"
+    react-is "^16.8.6"
+    scheduler "^0.17.0"
+
 react-timer-mixin@^0.13.4:
   version "0.13.4"
   resolved "https://registry.yarnpkg.com/react-timer-mixin/-/react-timer-mixin-0.13.4.tgz#75a00c3c94c13abe29b43d63b4c65a88fc8264d3"
@@ -14285,7 +14377,7 @@ readdirp@^2.2.1:
     micromatch "^3.1.10"
     readable-stream "^2.0.2"
 
-readdirp@~3.4.0:
+readdirp@^3.4.0, readdirp@~3.4.0:
   version "3.4.0"
   resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.4.0.tgz#9fdccdf9e9155805449221ac645e8303ab5b9ada"
   integrity sha512-0xe001vZBnJEK+uKcj8qOhyAKPzIT+gStxWr3LCB0DwcXR5NZJ3IaC+yGnHCYzB/S7ov3m3EEbZI2zeNvX+hGQ==
@@ -14501,6 +14593,11 @@ require-main-filename@^2.0.0:
   resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-2.0.0.tgz#d0b329ecc7cc0f61649f62215be69af54aa8989b"
   integrity sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==
 
+require-package-name@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/require-package-name/-/require-package-name-2.0.1.tgz#c11e97276b65b8e2923f75dabf5fb2ef0c3841b9"
+  integrity sha1-wR6XJ2tluOKSP3Xav1+y7ww4Qbk=
+
 requires-port@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
@@ -14627,7 +14724,7 @@ rimraf@^2.2.8, rimraf@^2.5.4, rimraf@^2.6.3:
   dependencies:
     glob "^7.1.3"
 
-rimraf@^3.0.0, rimraf@^3.0.2:
+rimraf@^3.0.0, rimraf@^3.0.2, rimraf@~3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
   integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
@@ -14873,6 +14970,11 @@ selfsigned@^1.10.7, selfsigned@^1.9.1:
   dependencies:
     node-forge "0.9.0"
 
+semver-compare@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/semver-compare/-/semver-compare-1.0.0.tgz#0dee216a1c941ab37e9efb1788f6afc5ff5537fc"
+  integrity sha1-De4hahyUGrN+nvsXiPavxf9VN/w=
+
 "semver@2 || 3 || 4 || 5", semver@^5.1.0, semver@^5.3.0, semver@^5.4.1, semver@^5.5.0, semver@^5.5.1, semver@^5.6.0, semver@^5.7.0, semver@^5.7.1:
   version "5.7.1"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
@@ -16639,6 +16741,14 @@ vm-browserify@^1.0.1:
   resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
   integrity sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==
 
+vue-template-compiler@^2.6.11:
+  version "2.6.11"
+  resolved "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.6.11.tgz#c04704ef8f498b153130018993e56309d4698080"
+  integrity sha512-KIq15bvQDrcCjpGjrAhx4mUlyyHfdmTaoNfeoATHLAiWB+MU3cx4lOzMwrnUh9cCxy0Lt1T11hAFY6TQgroUAA==
+  dependencies:
+    de-indent "^1.0.2"
+    he "^1.1.0"
+
 w3c-hr-time@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz#0a89cdf5cc15822df9c360543676963e0cc308cd"
@@ -17527,7 +17637,7 @@ yargs@^15.0.1, yargs@^15.3.0:
     y18n "^4.0.0"
     yargs-parser "^18.1.1"
 
-yargs@^15.0.2:
+yargs@^15.0.2, yargs@^15.3.1:
   version "15.4.1"
   resolved "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz#0d87a16de01aee9d8bec2bfbf74f67851730f4f8"
   integrity sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==