diff --git a/.vscode/tasks.json b/.vscode/tasks.json
index ca45419df32c01..91711c7b9c0489 100644
--- a/.vscode/tasks.json
+++ b/.vscode/tasks.json
@@ -5,13 +5,7 @@
       "label": "Typescript (oufr) watch",
       "type": "process",
       "command": "node",
-      "args": [
-        "./scripts/node_modules/typescript/bin/tsc",
-        "-p",
-        "packages/office-ui-fabric-react/tsconfig.json",
-        "-w",
-        "--noEmit"
-      ],
+      "args": ["./scripts/node_modules/typescript/bin/tsc", "-p", "packages/office-ui-fabric-react/tsconfig.json", "-w", "--noEmit"],
       "problemMatcher": "$tsc",
       "group": {
         "kind": "build",
@@ -22,13 +16,7 @@
       "label": "Typescript (vr-tests) watch",
       "type": "process",
       "command": "node",
-      "args": [
-        "./scripts/node_modules/typescript/bin/tsc",
-        "-p",
-        "apps/vr-tests/tsconfig.json",
-        "-w",
-        "--noEmit"
-      ],
+      "args": ["./scripts/node_modules/typescript/bin/tsc", "-p", "apps/vr-tests/tsconfig.json", "-w", "--noEmit"],
       "problemMatcher": "$tsc",
       "group": {
         "kind": "build",
@@ -39,18 +27,23 @@
       "label": "Typescript (experiments) watch",
       "type": "process",
       "command": "node",
-      "args": [
-        "./scripts/node_modules/typescript/bin/tsc",
-        "-p",
-        "packages/experiments/tsconfig.json",
-        "-w",
-        "--noEmit"
-      ],
+      "args": ["./scripts/node_modules/typescript/bin/tsc", "-p", "packages/experiments/tsconfig.json", "-w", "--noEmit"],
       "problemMatcher": "$tsc",
       "group": {
         "kind": "build",
         "isDefault": true
       }
     },
+    {
+      "label": "Typescript (example-app-base) watch",
+      "type": "process",
+      "command": "node",
+      "args": ["./scripts/node_modules/typescript/bin/tsc", "-p", "packages/example-app-base/tsconfig.json", "-w", "--noEmit"],
+      "problemMatcher": "$tsc",
+      "group": {
+        "kind": "build",
+        "isDefault": true
+      }
+    }
   ]
-}
\ No newline at end of file
+}
diff --git a/apps/fabric-website/src/pages/Controls/AvatarPage/AvatarPage.tsx b/apps/fabric-website/src/pages/Controls/AvatarPage/AvatarPage.tsx
index 1825bc52852585..03bf1e75d5a0fe 100644
--- a/apps/fabric-website/src/pages/Controls/AvatarPage/AvatarPage.tsx
+++ b/apps/fabric-website/src/pages/Controls/AvatarPage/AvatarPage.tsx
@@ -8,7 +8,14 @@ const baseUrl = 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master
 
 export const AvatarPage: React.StatelessComponent<IControlsPageProps> = props => {
   const { platform } = props;
-  return <ControlsAreaPage {...props} title="Avatar" {...AvatarPageProps[platform]} otherSections={_otherSections(platform)} />;
+  return (
+    <ControlsAreaPage
+      {...props}
+      title="Avatar"
+      {...AvatarPageProps[platform]}
+      otherSections={_otherSections(platform) as IPageSectionProps[]}
+    />
+  );
 };
 
 function _otherSections(platform: Platforms): IPageSectionProps<Platforms>[] {
diff --git a/apps/fabric-website/src/pages/Controls/ButtonPage/ButtonPage.tsx b/apps/fabric-website/src/pages/Controls/ButtonPage/ButtonPage.tsx
index 8ae3b1f80e5a00..49f6bb53fed3de 100644
--- a/apps/fabric-website/src/pages/Controls/ButtonPage/ButtonPage.tsx
+++ b/apps/fabric-website/src/pages/Controls/ButtonPage/ButtonPage.tsx
@@ -53,7 +53,7 @@ export class ButtonPage extends React.Component<
         title="Button"
         {...buttonPageProps[this.props.platform]}
         exampleKnobs={this.renderKnobs()}
-        otherSections={this._otherSections(this.props.platform)}
+        otherSections={this._otherSections(this.props.platform) as IPageSectionProps[]}
       />
     );
   }
diff --git a/apps/fabric-website/src/pages/Controls/CalendarPage/CalendarPage.tsx b/apps/fabric-website/src/pages/Controls/CalendarPage/CalendarPage.tsx
index af1aec11c85323..94f8fdb4ecc7c6 100644
--- a/apps/fabric-website/src/pages/Controls/CalendarPage/CalendarPage.tsx
+++ b/apps/fabric-website/src/pages/Controls/CalendarPage/CalendarPage.tsx
@@ -8,7 +8,14 @@ const baseUrl = 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master
 
 export const CalendarPage: React.StatelessComponent<IControlsPageProps> = props => {
   const { platform } = props;
-  return <ControlsAreaPage {...props} title="Calendar" {...CalendarPageProps[props.platform]} otherSections={_otherSections(platform)} />;
+  return (
+    <ControlsAreaPage
+      {...props}
+      title="Calendar"
+      {...CalendarPageProps[props.platform]}
+      otherSections={_otherSections(platform) as IPageSectionProps[]}
+    />
+  );
 };
 
 function _otherSections(platform: Platforms): IPageSectionProps<Platforms>[] {
diff --git a/apps/fabric-website/src/pages/Controls/ChipPage/ChipPage.tsx b/apps/fabric-website/src/pages/Controls/ChipPage/ChipPage.tsx
index 9a9d17ec78817b..1eded5faa8fd3e 100644
--- a/apps/fabric-website/src/pages/Controls/ChipPage/ChipPage.tsx
+++ b/apps/fabric-website/src/pages/Controls/ChipPage/ChipPage.tsx
@@ -8,7 +8,7 @@ const baseUrl = 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master
 
 export const ChipPage: React.StatelessComponent<IControlsPageProps> = props => {
   const { platform } = props;
-  return <ControlsAreaPage {...props} {...ChipPageProps[platform]} otherSections={_otherSections(platform)} />;
+  return <ControlsAreaPage {...props} {...ChipPageProps[platform]} otherSections={_otherSections(platform) as IPageSectionProps[]} />;
 };
 
 function _otherSections(platform: Platforms): IPageSectionProps<Platforms>[] {
diff --git a/apps/fabric-website/src/pages/Controls/DatePickerPage/DatePickerPage.tsx b/apps/fabric-website/src/pages/Controls/DatePickerPage/DatePickerPage.tsx
index aa07093f88ca92..3d9655f9073bdc 100644
--- a/apps/fabric-website/src/pages/Controls/DatePickerPage/DatePickerPage.tsx
+++ b/apps/fabric-website/src/pages/Controls/DatePickerPage/DatePickerPage.tsx
@@ -8,7 +8,7 @@ const baseUrl = 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master
 
 export const DatePickerPage: React.StatelessComponent<IControlsPageProps> = props => {
   const { platform } = props;
-  return <ControlsAreaPage {...props} {...DatePickerPageProps[platform]} otherSections={_otherSections(platform)} />;
+  return <ControlsAreaPage {...props} {...DatePickerPageProps[platform]} otherSections={_otherSections(platform) as IPageSectionProps[]} />;
 };
 
 function _otherSections(platform: Platforms): IPageSectionProps<Platforms>[] {
diff --git a/apps/fabric-website/src/pages/Controls/DrawerPage/DrawerPage.tsx b/apps/fabric-website/src/pages/Controls/DrawerPage/DrawerPage.tsx
index a7f42962cd8922..4cf32c9de11a84 100644
--- a/apps/fabric-website/src/pages/Controls/DrawerPage/DrawerPage.tsx
+++ b/apps/fabric-website/src/pages/Controls/DrawerPage/DrawerPage.tsx
@@ -8,7 +8,7 @@ const baseUrl = 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master
 
 export const DrawerPage: React.StatelessComponent<IControlsPageProps> = props => {
   const { platform } = props;
-  return <ControlsAreaPage {...props} {...DrawerPageProps[platform]} otherSections={_otherSections(platform)} />;
+  return <ControlsAreaPage {...props} {...DrawerPageProps[platform]} otherSections={_otherSections(platform) as IPageSectionProps[]} />;
 };
 
 function _otherSections(platform: Platforms): IPageSectionProps<Platforms>[] {
diff --git a/apps/fabric-website/src/pages/Controls/ListCellsPage/ListCellsPage.tsx b/apps/fabric-website/src/pages/Controls/ListCellsPage/ListCellsPage.tsx
index 14d44c8570e192..40d3406b8977ba 100644
--- a/apps/fabric-website/src/pages/Controls/ListCellsPage/ListCellsPage.tsx
+++ b/apps/fabric-website/src/pages/Controls/ListCellsPage/ListCellsPage.tsx
@@ -8,7 +8,7 @@ const baseUrl = 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master
 
 export const ListCellsPage: React.StatelessComponent<IControlsPageProps> = props => {
   const { platform } = props;
-  return <ControlsAreaPage {...props} {...ListCellsPageProps[platform]} otherSections={_otherSections(platform)} />;
+  return <ControlsAreaPage {...props} {...ListCellsPageProps[platform]} otherSections={_otherSections(platform) as IPageSectionProps[]} />;
 };
 
 function _otherSections(platform: Platforms): IPageSectionProps<Platforms>[] {
diff --git a/apps/fabric-website/src/pages/Controls/PeoplePickerPage/PeoplePickerPage.tsx b/apps/fabric-website/src/pages/Controls/PeoplePickerPage/PeoplePickerPage.tsx
index 6db9afec6db765..8b5873ad5afa7b 100644
--- a/apps/fabric-website/src/pages/Controls/PeoplePickerPage/PeoplePickerPage.tsx
+++ b/apps/fabric-website/src/pages/Controls/PeoplePickerPage/PeoplePickerPage.tsx
@@ -9,7 +9,12 @@ const baseUrl = 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master
 export const PeoplePickerPage: React.StatelessComponent<IControlsPageProps> = props => {
   const { platform } = props;
   return (
-    <ControlsAreaPage {...props} title="People Picker" {...PeoplePickerPageProps[platform]} otherSections={_otherSections(platform)} />
+    <ControlsAreaPage
+      {...props}
+      title="People Picker"
+      {...PeoplePickerPageProps[platform]}
+      otherSections={_otherSections(platform) as IPageSectionProps[]}
+    />
   );
 };
 
diff --git a/apps/fabric-website/src/pages/Controls/PersonaPage/PersonaPage.tsx b/apps/fabric-website/src/pages/Controls/PersonaPage/PersonaPage.tsx
index 96420e9f8847fb..31763431c3d5f1 100644
--- a/apps/fabric-website/src/pages/Controls/PersonaPage/PersonaPage.tsx
+++ b/apps/fabric-website/src/pages/Controls/PersonaPage/PersonaPage.tsx
@@ -8,7 +8,14 @@ const baseUrl = 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master
 
 export const PersonaPage: React.StatelessComponent<IControlsPageProps> = props => {
   const { platform } = props;
-  return <ControlsAreaPage {...props} title="Persona" {...PersonaPageProps[platform]} otherSections={_otherSections(platform)} />;
+  return (
+    <ControlsAreaPage
+      {...props}
+      title="Persona"
+      {...PersonaPageProps[platform]}
+      otherSections={_otherSections(platform) as IPageSectionProps[]}
+    />
+  );
 };
 
 function _otherSections(platform: Platforms): IPageSectionProps<Platforms>[] {
diff --git a/apps/fabric-website/src/pages/Controls/PivotPage/PivotPage.tsx b/apps/fabric-website/src/pages/Controls/PivotPage/PivotPage.tsx
index bd4ae490221bdb..30e304b08f7937 100644
--- a/apps/fabric-website/src/pages/Controls/PivotPage/PivotPage.tsx
+++ b/apps/fabric-website/src/pages/Controls/PivotPage/PivotPage.tsx
@@ -7,7 +7,13 @@ import { Platforms } from '../../../interfaces/Platforms';
 const baseUrl = 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master/apps/fabric-website/src/pages/Controls/PivotPage/';
 
 export const PivotPage: React.StatelessComponent<IControlsPageProps> = props => {
-  return <ControlsAreaPage {...props} {...PivotPageProps[props.platform]} otherSections={_otherSections(props.platform)} />;
+  return (
+    <ControlsAreaPage
+      {...props}
+      {...PivotPageProps[props.platform]}
+      otherSections={_otherSections(props.platform) as IPageSectionProps[]}
+    />
+  );
 };
 
 function _otherSections(platform?: Platforms): IPageSectionProps<Platforms>[] | undefined {
diff --git a/apps/fabric-website/src/pages/Controls/PopupMenuPage/PopupMenuPage.tsx b/apps/fabric-website/src/pages/Controls/PopupMenuPage/PopupMenuPage.tsx
index 630b423019f37b..91a53b3c892134 100644
--- a/apps/fabric-website/src/pages/Controls/PopupMenuPage/PopupMenuPage.tsx
+++ b/apps/fabric-website/src/pages/Controls/PopupMenuPage/PopupMenuPage.tsx
@@ -8,7 +8,7 @@ const baseUrl = 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master
 
 export const PopupMenuPage: React.StatelessComponent<IControlsPageProps> = props => {
   const { platform } = props;
-  return <ControlsAreaPage {...props} {...PopupMenuPageProps[platform]} otherSections={_otherSections(platform)} />;
+  return <ControlsAreaPage {...props} {...PopupMenuPageProps[platform]} otherSections={_otherSections(platform) as IPageSectionProps[]} />;
 };
 
 function _otherSections(platform: Platforms): IPageSectionProps<Platforms>[] {
diff --git a/apps/fabric-website/src/pages/Controls/SnackbarPage/SnackbarPage.tsx b/apps/fabric-website/src/pages/Controls/SnackbarPage/SnackbarPage.tsx
index 9e2e370f66c27d..81d92976d0e8ca 100644
--- a/apps/fabric-website/src/pages/Controls/SnackbarPage/SnackbarPage.tsx
+++ b/apps/fabric-website/src/pages/Controls/SnackbarPage/SnackbarPage.tsx
@@ -8,7 +8,7 @@ const baseUrl = 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master
 
 export const SnackbarPage: React.StatelessComponent<IControlsPageProps> = props => {
   const { platform } = props;
-  return <ControlsAreaPage {...props} {...SnackbarPageProps[platform]} otherSections={_otherSections(platform)} />;
+  return <ControlsAreaPage {...props} {...SnackbarPageProps[platform]} otherSections={_otherSections(platform) as IPageSectionProps[]} />;
 };
 
 function _otherSections(platform: Platforms): IPageSectionProps<Platforms>[] {
diff --git a/apps/fabric-website/src/pages/Controls/SpinnerPage/SpinnerPage.tsx b/apps/fabric-website/src/pages/Controls/SpinnerPage/SpinnerPage.tsx
index ba504641febc70..b19ee5e6f1ae6f 100644
--- a/apps/fabric-website/src/pages/Controls/SpinnerPage/SpinnerPage.tsx
+++ b/apps/fabric-website/src/pages/Controls/SpinnerPage/SpinnerPage.tsx
@@ -6,7 +6,14 @@ import { IPageSectionProps } from '@uifabric/example-app-base/lib/index2';
 
 export const SpinnerPage: React.StatelessComponent<IControlsPageProps> = props => {
   const { platform } = props;
-  return <ControlsAreaPage {...props} title="Spinner" {...SpinnerPageProps[platform]} otherSections={_otherSections(platform)} />;
+  return (
+    <ControlsAreaPage
+      {...props}
+      title="Spinner"
+      {...SpinnerPageProps[platform]}
+      otherSections={_otherSections(platform) as IPageSectionProps[]}
+    />
+  );
 };
 
 function _otherSections(platform: Platforms): IPageSectionProps<Platforms>[] {
diff --git a/apps/fabric-website/src/pages/Controls/TooltipPage/TooltipPage.tsx b/apps/fabric-website/src/pages/Controls/TooltipPage/TooltipPage.tsx
index da217fa311847e..02caac01eff97e 100644
--- a/apps/fabric-website/src/pages/Controls/TooltipPage/TooltipPage.tsx
+++ b/apps/fabric-website/src/pages/Controls/TooltipPage/TooltipPage.tsx
@@ -7,7 +7,13 @@ import { Platforms } from '../../../interfaces/Platforms';
 const baseUrl = 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master/apps/fabric-website/src/pages/Controls/TooltipPage/';
 
 export const TooltipPage: React.StatelessComponent<IControlsPageProps> = props => {
-  return <ControlsAreaPage {...props} {...TooltipPageProps[props.platform]} otherSections={_otherSections(props.platform)} />;
+  return (
+    <ControlsAreaPage
+      {...props}
+      {...TooltipPageProps[props.platform]}
+      otherSections={_otherSections(props.platform) as IPageSectionProps[]}
+    />
+  );
 };
 
 function _otherSections(platform?: Platforms): IPageSectionProps<Platforms>[] | undefined {
diff --git a/apps/fabric-website/src/pages/Overviews/ControlsPage/ControlsPage.tsx b/apps/fabric-website/src/pages/Overviews/ControlsPage/ControlsPage.tsx
index d329f06ead8487..b34af3fa784bdb 100644
--- a/apps/fabric-website/src/pages/Overviews/ControlsPage/ControlsPage.tsx
+++ b/apps/fabric-website/src/pages/Overviews/ControlsPage/ControlsPage.tsx
@@ -15,7 +15,7 @@ const ControlsPageBase: React.StatelessComponent<IPageProps<Platforms>> = props
       title="Controls"
       platform={platform}
       subTitle={getSubTitle(platform)}
-      otherSections={_otherSections(platform)}
+      otherSections={_otherSections(platform) as IPageSectionProps[]}
       showSideRail={false}
       {...ControlsPageProps[platform]}
     />
diff --git a/apps/fabric-website/src/pages/Overviews/GetStartedPage/GetStartedPage.tsx b/apps/fabric-website/src/pages/Overviews/GetStartedPage/GetStartedPage.tsx
index 850ac21a8c0602..33b38decc6f907 100644
--- a/apps/fabric-website/src/pages/Overviews/GetStartedPage/GetStartedPage.tsx
+++ b/apps/fabric-website/src/pages/Overviews/GetStartedPage/GetStartedPage.tsx
@@ -18,7 +18,7 @@ const GetStartedPageBase: React.StatelessComponent<IGetStartedPageProps> = props
       subTitle={getSubTitle(platform)}
       {...props}
       {...GetStartedPageProps[platform]}
-      otherSections={_otherSections(platform)}
+      otherSections={_otherSections(platform) as IPageSectionProps[]}
     />
   );
 };
diff --git a/apps/fabric-website/src/pages/Overviews/StylesPage/StylesPage.tsx b/apps/fabric-website/src/pages/Overviews/StylesPage/StylesPage.tsx
index ba21627fab04a0..e4d507a6856eeb 100644
--- a/apps/fabric-website/src/pages/Overviews/StylesPage/StylesPage.tsx
+++ b/apps/fabric-website/src/pages/Overviews/StylesPage/StylesPage.tsx
@@ -12,7 +12,7 @@ const StylesPageBase: React.StatelessComponent<IPageProps<Platforms>> = props =>
       title="Styles"
       platform={platform}
       subTitle={getSubTitle(platform)}
-      otherSections={_otherSections(platform)}
+      otherSections={_otherSections(platform) as IPageSectionProps[]}
       showSideRail={false}
       sectionWrapperClassName={styles.cardWrapper}
     />
diff --git a/apps/fabric-website/src/pages/PageTemplates/TemplatePage/TemplatePage.tsx b/apps/fabric-website/src/pages/PageTemplates/TemplatePage/TemplatePage.tsx
index 5e36376fa80aef..886fcd4158de90 100644
--- a/apps/fabric-website/src/pages/PageTemplates/TemplatePage/TemplatePage.tsx
+++ b/apps/fabric-website/src/pages/PageTemplates/TemplatePage/TemplatePage.tsx
@@ -31,7 +31,7 @@ const TemplatePageBase: React.StatelessComponent<ITemplatePageProps> = props =>
       // Use the getSubTitle helper function to get the page header subtitle from the active platform.
       subTitle={getSubTitle(platform)}
       // You can define custom sections using the `otherSections` prop. Here it is using a method that takes the platform as an argument to return the correct array of section props.
-      otherSections={_otherSections(platform)}
+      otherSections={_otherSections(platform) as IPageSectionProps[]}
 
       // You can hide the side rail by setting `showSideRail` to false.
       // showSideRail={false}
diff --git a/apps/fabric-website/src/pages/Styles/Colors/MessagingPage.tsx b/apps/fabric-website/src/pages/Styles/Colors/MessagingPage.tsx
index 2df5c7a06ed66e..8543926eea871f 100644
--- a/apps/fabric-website/src/pages/Styles/Colors/MessagingPage.tsx
+++ b/apps/fabric-website/src/pages/Styles/Colors/MessagingPage.tsx
@@ -8,7 +8,9 @@ const baseUrl = 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master
 
 export const ColorsMessagingPage: React.StatelessComponent<IStylesPageProps> = props => {
   const { platform } = props;
-  return <StylesAreaPage {...props} {...ColorsMessagingPageProps[platform]} otherSections={_otherSections(platform)} />;
+  return (
+    <StylesAreaPage {...props} {...ColorsMessagingPageProps[platform]} otherSections={_otherSections(platform) as IPageSectionProps[]} />
+  );
 };
 
 function _otherSections(platform: Platforms): IPageSectionProps<Platforms>[] {
diff --git a/apps/fabric-website/src/pages/Styles/Colors/NeutralsPage.tsx b/apps/fabric-website/src/pages/Styles/Colors/NeutralsPage.tsx
index cce23e7fdfbe05..9537bf2d653d00 100644
--- a/apps/fabric-website/src/pages/Styles/Colors/NeutralsPage.tsx
+++ b/apps/fabric-website/src/pages/Styles/Colors/NeutralsPage.tsx
@@ -9,7 +9,9 @@ const neutralColors = require<IColorSwatch[]>('@uifabric/fabric-website/lib/data
 
 export const ColorsNeutralsPage: React.StatelessComponent<IStylesPageProps> = props => {
   const { platform } = props;
-  return <StylesAreaPage {...props} {...ColorsNeutralsPageProps[platform]} otherSections={_otherSections(platform)} />;
+  return (
+    <StylesAreaPage {...props} {...ColorsNeutralsPageProps[platform]} otherSections={_otherSections(platform) as IPageSectionProps[]} />
+  );
 };
 
 function _otherSections(platform: Platforms): IPageSectionProps<Platforms>[] {
diff --git a/apps/fabric-website/src/pages/Styles/Colors/PersonasPage.tsx b/apps/fabric-website/src/pages/Styles/Colors/PersonasPage.tsx
index 2a5197b25440c9..9c3fb267bf5c42 100644
--- a/apps/fabric-website/src/pages/Styles/Colors/PersonasPage.tsx
+++ b/apps/fabric-website/src/pages/Styles/Colors/PersonasPage.tsx
@@ -10,7 +10,9 @@ const personaGroupColors = require<IColorSwatch[]>('@uifabric/fabric-website/lib
 
 export const ColorsPersonasPage: React.StatelessComponent<IStylesPageProps> = props => {
   const { platform } = props;
-  return <StylesAreaPage {...props} {...ColorsPersonasPageProps[platform]} otherSections={_otherSections(platform)} />;
+  return (
+    <StylesAreaPage {...props} {...ColorsPersonasPageProps[platform]} otherSections={_otherSections(platform) as IPageSectionProps[]} />
+  );
 };
 
 function _otherSections(platform: Platforms): IPageSectionProps<Platforms>[] {
diff --git a/apps/fabric-website/src/pages/Styles/Colors/PresencePage.tsx b/apps/fabric-website/src/pages/Styles/Colors/PresencePage.tsx
index c96730ab53709a..37e04fbf4216d1 100644
--- a/apps/fabric-website/src/pages/Styles/Colors/PresencePage.tsx
+++ b/apps/fabric-website/src/pages/Styles/Colors/PresencePage.tsx
@@ -8,7 +8,9 @@ const baseUrl = 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master
 
 export const ColorsPresencePage: React.StatelessComponent<IStylesPageProps> = props => {
   const { platform } = props;
-  return <StylesAreaPage {...props} {...ColorsPresencePageProps[platform]} otherSections={_otherSections(platform)} />;
+  return (
+    <StylesAreaPage {...props} {...ColorsPresencePageProps[platform]} otherSections={_otherSections(platform) as IPageSectionProps[]} />
+  );
 };
 
 function _otherSections(platform: Platforms): IPageSectionProps<Platforms>[] {
diff --git a/apps/fabric-website/src/pages/Styles/Colors/SharedPage.tsx b/apps/fabric-website/src/pages/Styles/Colors/SharedPage.tsx
index fa4117c1a277c6..807633d3a0721e 100644
--- a/apps/fabric-website/src/pages/Styles/Colors/SharedPage.tsx
+++ b/apps/fabric-website/src/pages/Styles/Colors/SharedPage.tsx
@@ -9,7 +9,7 @@ const sharedColors = require<IColorSwatch[]>('@uifabric/fabric-website/lib/data/
 
 export const ColorsSharedPage: React.StatelessComponent<IStylesPageProps> = props => {
   const { platform } = props;
-  return <StylesAreaPage {...props} {...ColorsSharedPageProps[platform]} otherSections={_otherSections(platform)} />;
+  return <StylesAreaPage {...props} {...ColorsSharedPageProps[platform]} otherSections={_otherSections(platform) as IPageSectionProps[]} />;
 };
 
 function _otherSections(platform: Platforms): IPageSectionProps<Platforms>[] {
diff --git a/apps/fabric-website/src/pages/Styles/ElevationPage/ElevationPage.tsx b/apps/fabric-website/src/pages/Styles/ElevationPage/ElevationPage.tsx
index a1aecbd578a03d..c6c751c4ce4774 100644
--- a/apps/fabric-website/src/pages/Styles/ElevationPage/ElevationPage.tsx
+++ b/apps/fabric-website/src/pages/Styles/ElevationPage/ElevationPage.tsx
@@ -10,7 +10,7 @@ const baseUrl = 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master
 
 export const ElevationPage: React.StatelessComponent<IStylesPageProps> = props => {
   const { platform } = props;
-  return <StylesAreaPage {...props} {...ElevationPageProps[platform]} otherSections={_otherSections(platform)} />;
+  return <StylesAreaPage {...props} {...ElevationPageProps[platform]} otherSections={_otherSections(platform) as IPageSectionProps[]} />;
 };
 
 function _otherSections(platform: Platforms): IPageSectionProps<Platforms>[] {
diff --git a/apps/fabric-website/src/pages/Styles/FabricIconsPage/FabricIconsPage.tsx b/apps/fabric-website/src/pages/Styles/FabricIconsPage/FabricIconsPage.tsx
index 7d7b1a0c07f625..87fc981d501e46 100644
--- a/apps/fabric-website/src/pages/Styles/FabricIconsPage/FabricIconsPage.tsx
+++ b/apps/fabric-website/src/pages/Styles/FabricIconsPage/FabricIconsPage.tsx
@@ -13,7 +13,7 @@ const enDash = '–';
 
 export const FabricIconsPage: React.StatelessComponent<IStylesPageProps> = props => {
   const { platform } = props;
-  return <StylesAreaPage {...props} {...FabricIconsPageProps[platform]} otherSections={_otherSections(platform)} />;
+  return <StylesAreaPage {...props} {...FabricIconsPageProps[platform]} otherSections={_otherSections(platform) as IPageSectionProps[]} />;
 };
 
 function _otherSections(platform: Platforms): IPageSectionProps<Platforms>[] {
diff --git a/apps/fabric-website/src/pages/Styles/LayoutPage/LayoutPage.tsx b/apps/fabric-website/src/pages/Styles/LayoutPage/LayoutPage.tsx
index f7a726a0022c8b..f3faa2b9937603 100644
--- a/apps/fabric-website/src/pages/Styles/LayoutPage/LayoutPage.tsx
+++ b/apps/fabric-website/src/pages/Styles/LayoutPage/LayoutPage.tsx
@@ -11,7 +11,7 @@ const breakpointsData = require('../../../data/responsive-breakpoints.json');
 
 export const LayoutPage: React.StatelessComponent<IStylesPageProps> = props => {
   const { platform } = props;
-  return <StylesAreaPage {...props} {...LayoutPageProps[platform]} otherSections={_otherSections(platform)} />;
+  return <StylesAreaPage {...props} {...LayoutPageProps[platform]} otherSections={_otherSections(platform) as IPageSectionProps[]} />;
 };
 
 function _otherSections(platform: Platforms): IPageSectionProps<Platforms>[] {
diff --git a/apps/fabric-website/src/pages/Styles/LocalizationPage/LocalizationPage.tsx b/apps/fabric-website/src/pages/Styles/LocalizationPage/LocalizationPage.tsx
index 053765dd357a1a..ee2a4bc941b419 100644
--- a/apps/fabric-website/src/pages/Styles/LocalizationPage/LocalizationPage.tsx
+++ b/apps/fabric-website/src/pages/Styles/LocalizationPage/LocalizationPage.tsx
@@ -14,7 +14,7 @@ const localizedFontsData = require('../../../data/localized-fonts.json');
 
 export const LocalizationPage: React.StatelessComponent<IStylesPageProps> = props => {
   const { platform } = props;
-  return <StylesAreaPage {...props} {...LocalizationPageProps[platform]} otherSections={_otherSections(platform)} />;
+  return <StylesAreaPage {...props} {...LocalizationPageProps[platform]} otherSections={_otherSections(platform) as IPageSectionProps[]} />;
 };
 
 function _otherSections(platform: Platforms): IPageSectionProps<Platforms>[] {
diff --git a/apps/fabric-website/src/pages/Styles/MotionPage/MotionPage.tsx b/apps/fabric-website/src/pages/Styles/MotionPage/MotionPage.tsx
index 233404e33a71e3..ff21b8d12b1a93 100644
--- a/apps/fabric-website/src/pages/Styles/MotionPage/MotionPage.tsx
+++ b/apps/fabric-website/src/pages/Styles/MotionPage/MotionPage.tsx
@@ -47,7 +47,7 @@ const PatternTable = ({ rows }) => (
 
 export const MotionPage: React.StatelessComponent<IStylesPageProps> = props => {
   const { platform } = props;
-  return <StylesAreaPage {...props} {...MotionPageProps[platform]} otherSections={_otherSections(platform)} />;
+  return <StylesAreaPage {...props} {...MotionPageProps[platform]} otherSections={_otherSections(platform) as IPageSectionProps[]} />;
 };
 
 function _otherSections(platform: Platforms): IPageSectionProps<Platforms>[] {
diff --git a/apps/fabric-website/src/pages/Styles/OfficeBrandIconsPage/OfficeBrandIconsPage.tsx b/apps/fabric-website/src/pages/Styles/OfficeBrandIconsPage/OfficeBrandIconsPage.tsx
index f2e37ecc57e9fe..f845db92dedf83 100644
--- a/apps/fabric-website/src/pages/Styles/OfficeBrandIconsPage/OfficeBrandIconsPage.tsx
+++ b/apps/fabric-website/src/pages/Styles/OfficeBrandIconsPage/OfficeBrandIconsPage.tsx
@@ -18,7 +18,9 @@ const monochromeIcons = require('@uifabric/fabric-website/lib/data/brand-icons-m
 
 export const OfficeBrandIconsPage: React.StatelessComponent<IStylesPageProps> = props => {
   const { platform } = props;
-  return <StylesAreaPage {...props} {...OfficeBrandIconsPageProps[platform]} otherSections={_otherSections(platform)} />;
+  return (
+    <StylesAreaPage {...props} {...OfficeBrandIconsPageProps[platform]} otherSections={_otherSections(platform) as IPageSectionProps[]} />
+  );
 };
 
 function _otherSections(platform: Platforms): IPageSectionProps<Platforms>[] {
diff --git a/apps/fabric-website/src/pages/Styles/TypographyPage/TypographyPage.tsx b/apps/fabric-website/src/pages/Styles/TypographyPage/TypographyPage.tsx
index 309c5f31a742c0..6f16438d9be219 100644
--- a/apps/fabric-website/src/pages/Styles/TypographyPage/TypographyPage.tsx
+++ b/apps/fabric-website/src/pages/Styles/TypographyPage/TypographyPage.tsx
@@ -13,7 +13,7 @@ const baseUrl = 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master
 
 export const TypographyPage: React.StatelessComponent<IStylesPageProps> = props => {
   const { platform } = props;
-  return <StylesAreaPage {...props} {...TypographyPageProps[platform]} otherSections={_otherSections(platform)} />;
+  return <StylesAreaPage {...props} {...TypographyPageProps[platform]} otherSections={_otherSections(platform) as IPageSectionProps[]} />;
 };
 
 function _otherSections(platform: Platforms): IPageSectionProps<Platforms>[] {
diff --git a/apps/theming-designer/package.json b/apps/theming-designer/package.json
index 5035f698cd6341..9c1cb29438d1b7 100644
--- a/apps/theming-designer/package.json
+++ b/apps/theming-designer/package.json
@@ -32,7 +32,7 @@
     "office-ui-fabric-react": ">=6.187.1 <7.0.0",
     "react": ">=16.8.0 <17.0.0",
     "react-dom": ">=16.8.0 <17.0.0",
-    "typescript": "3.3.3",
+    "typescript": "3.5.1",
     "tslib": "^1.7.1"
   }
 }
diff --git a/apps/todo-app/package.json b/apps/todo-app/package.json
index 83b12f03b7a799..d19959d0aa91dd 100644
--- a/apps/todo-app/package.json
+++ b/apps/todo-app/package.json
@@ -27,7 +27,7 @@
     "office-ui-fabric-react": "^6.187.1",
     "react": ">=16.8.0 <17.0.0",
     "react-dom": ">=16.8.0 <17.0.0",
-    "typescript": "3.3.3",
+    "typescript": "3.5.1",
     "tslib": "^1.7.1"
   }
 }
diff --git a/apps/vr-tests/package.json b/apps/vr-tests/package.json
index 1fec3b939a62f5..1056eb6e9daa31 100644
--- a/apps/vr-tests/package.json
+++ b/apps/vr-tests/package.json
@@ -47,6 +47,6 @@
     "react": ">=16.8.0 <17.0.0",
     "react-dom": ">=16.8.0 <17.0.0",
     "tslib": "^1.7.1",
-    "typescript": "3.3.3"
+    "typescript": "3.5.1"
   }
 }
diff --git a/apps/vr-tests/src/stories/Checkbox.stories.tsx b/apps/vr-tests/src/stories/Checkbox.stories.tsx
index 928efd8a0e101a..a1b787bb32c033 100644
--- a/apps/vr-tests/src/stories/Checkbox.stories.tsx
+++ b/apps/vr-tests/src/stories/Checkbox.stories.tsx
@@ -29,7 +29,6 @@ storiesOf('Checkbox', module)
       // tslint:disable-next-line:max-line-length
       label="Dignissim vehicula pretium. Mauris sapien lorem. Ipsum metus tristique. Aliquam mauris ac purus id nunc. Erat aenean ut commodo integer litora amet rutrum mus maecenas quisque lectus eget fames massa. Pede proin metus sollicitudin donec purus. Sem at tempus morbi metus sit. Quam odio porta. Cras nulla sed. Aliquam mauris auctor. Adipiscing magna rutrum est sed porttitor. Duis rhoncus convallis. Nunc qui amet. Quo eros ac. Nec laboris pharetra erat nec hymenaeos phasellus urna neque rerum ut ac. In natoque morbi. Risus wisi maecenas eros magna pellentesque inceptos mi nec mattis lacus tortor volutpat lorem vivamus. Magna amet nam non in non. Semper sagittis purus et tincidunt justo. Magna fusce enim amet nulla neque. A vestibulum risus wisi temporibus consectetuer. Non sociis sed risus sagittis condimentum. Erat vel interdum quas libero erat elementum massa duis elementum malesuada lacinia. Scelerisque vivamus elit. Bibendum libero adipiscing. Curae quis lacus. At metus vestibulum. Diam natoque nullam posuere vestibulum aliquam suscipit quis posuere sed penatibus sit sed sapien eros con sodales hymenaeos. Nulla vestibulum ut. Aenean curabitur diam lorem commodo malesuada dui nascetur pulvinar."
       defaultChecked={true}
-      onChange={this._onCheckboxChange}
     />
   ))
   .addStory('Custom render Checkbox', () => (
diff --git a/apps/vr-tests/src/stories/DetailsHeader.stories.tsx b/apps/vr-tests/src/stories/DetailsHeader.stories.tsx
index 727921983bbf83..e26bab98a0a3ca 100644
--- a/apps/vr-tests/src/stories/DetailsHeader.stories.tsx
+++ b/apps/vr-tests/src/stories/DetailsHeader.stories.tsx
@@ -110,8 +110,7 @@ _selection.setItems(_items);
 
 const _columnReorderProps = {
   frozenColumnCountFromStart: 1,
-  frozenColumnCountFromEnd: 1,
-  handleColumnReorder: this._dummyFunction
+  frozenColumnCountFromEnd: 1
 };
 
 storiesOf('DetailsHeader', module)
diff --git a/common/config/rush/shrinkwrap.yaml b/common/config/rush/shrinkwrap.yaml
index 09e0520af7e2b6..afd1ce47a9d5c6 100644
--- a/common/config/rush/shrinkwrap.yaml
+++ b/common/config/rush/shrinkwrap.yaml
@@ -179,7 +179,7 @@ dependencies:
   tslint-microsoft-contrib: 5.2.1
   tslint-react: 3.6.0
   ttest: 2.0.0
-  typescript: 3.3.3
+  typescript: 3.5.1
   webpack: 4.29.5
   webpack-bundle-analyzer: 3.3.2
   webpack-cli: 3.2.3
@@ -6561,7 +6561,7 @@ packages:
       webpack: ^2.3.0 || ^3.0.0 || ^4.0.0
     resolution:
       integrity: sha512-qNYuygh2GxXehBvQZ5rI5YlQFn+7ZV6kmkyD9Sgs33dWl73NZdUOB5aCp8v0EXJn176AhPrZP8YCMT3h01fs+g==
-  /fork-ts-checker-webpack-plugin/0.4.15/78ce9b782feca4d461107d32ff2f3536:
+  /fork-ts-checker-webpack-plugin/0.4.15/41adb244b4ff6610d6d6f34fa678a3bd:
     dependencies:
       babel-code-frame: 6.26.0
       chalk: 2.4.2
@@ -6571,8 +6571,8 @@ packages:
       minimatch: 3.0.4
       resolve: 1.10.1
       tapable: 1.1.3
-      tslint: /tslint/5.16.0/typescript@3.3.3
-      typescript: 3.3.3
+      tslint: /tslint/5.16.0/typescript@3.5.1
+      typescript: 3.5.1
       webpack: 4.29.5
     dev: false
     engines:
@@ -12985,10 +12985,10 @@ packages:
       typescript: '>=2.4.0'
     resolution:
       integrity: sha512-xOnjt8kyXOKCCzKtfp6yQRG4wbAF5VCIZMslY+W3KGhVwPQ2rTcYbvEFRIIginuSj6PvhXzwVcz+llO4ANk4Jw==
-  /riceburn/1.3.0/typescript@3.3.3:
+  /riceburn/1.3.0/typescript@3.5.1:
     dependencies:
       glob: 7.1.4
-      typescript: 3.3.3
+      typescript: 3.5.1
     dev: false
     id: registry.npmjs.org/riceburn/1.3.0
     peerDependencies:
@@ -14593,11 +14593,11 @@ packages:
       typescript: ^2.1.0 || ^3.0.0
     resolution:
       integrity: sha512-PDYjvpo0gN9IfMULwKk0KpVOPMhU6cNoT9VwCOLeDl/QS8v8W2yspRpFFuUS7/c5EIH/n8ApMi8TxJAz1tfFUA==
-  /tslint-microsoft-contrib/5.2.1/tslint@5.16.0+typescript@3.3.3:
+  /tslint-microsoft-contrib/5.2.1/tslint@5.16.0+typescript@3.5.1:
     dependencies:
-      tslint: /tslint/5.16.0/typescript@3.3.3
-      tsutils: /tsutils/2.28.0/typescript@3.3.3
-      typescript: 3.3.3
+      tslint: /tslint/5.16.0/typescript@3.5.1
+      tsutils: /tsutils/2.28.0/typescript@3.5.1
+      typescript: 3.5.1
     dev: false
     id: registry.npmjs.org/tslint-microsoft-contrib/5.2.1
     peerDependencies:
@@ -14637,7 +14637,7 @@ packages:
       typescript: '>=2.1.0 || >=2.1.0-dev || >=2.2.0-dev || >=2.3.0-dev || >=2.4.0-dev || >=2.5.0-dev || >=2.6.0-dev || >=2.7.0-dev || >=2.8.0-dev || >=2.9.0-dev || >=3.0.0-dev || >= 3.1.0-dev || >= 3.2.0-dev'
     resolution:
       integrity: sha512-UxG2yNxJ5pgGwmMzPMYh/CCnCnh0HfPgtlVRDs1ykZklufFBL1ZoTlWFRz2NQjcoEiDoRp+JyT0lhBbbH/obyA==
-  /tslint/5.16.0/typescript@3.3.3:
+  /tslint/5.16.0/typescript@3.5.1:
     dependencies:
       '@babel/code-frame': 7.0.0
       builtin-modules: 1.1.1
@@ -14651,8 +14651,8 @@ packages:
       resolve: 1.10.1
       semver: 5.7.0
       tslib: 1.9.3
-      tsutils: /tsutils/2.29.0/typescript@3.3.3
-      typescript: 3.3.3
+      tsutils: /tsutils/2.29.0/typescript@3.5.1
+      typescript: 3.5.1
     dev: false
     engines:
       node: '>=4.8.0'
@@ -14670,10 +14670,10 @@ packages:
       typescript: '>=2.1.0 || >=2.1.0-dev || >=2.2.0-dev || >=2.3.0-dev || >=2.4.0-dev || >=2.5.0-dev || >=2.6.0-dev || >=2.7.0-dev || >=2.8.0-dev || >=2.9.0-dev || >= 3.0.0-dev || >= 3.1.0-dev'
     resolution:
       integrity: sha512-bh5nAtW0tuhvOJnx1GLRn5ScraRLICGyJV5wJhtRWOLsxW70Kk5tZtpK3O/hW6LDnqKS9mlUMPZj9fEMJ0gxqA==
-  /tsutils/2.28.0/typescript@3.3.3:
+  /tsutils/2.28.0/typescript@3.5.1:
     dependencies:
       tslib: 1.9.3
-      typescript: 3.3.3
+      typescript: 3.5.1
     dev: false
     id: registry.npmjs.org/tsutils/2.28.0
     peerDependencies:
@@ -14688,10 +14688,10 @@ packages:
       typescript: '>=2.1.0 || >=2.1.0-dev || >=2.2.0-dev || >=2.3.0-dev || >=2.4.0-dev || >=2.5.0-dev || >=2.6.0-dev || >=2.7.0-dev || >=2.8.0-dev || >=2.9.0-dev || >= 3.0.0-dev || >= 3.1.0-dev'
     resolution:
       integrity: sha512-g5JVHCIJwzfISaXpXE1qvNalca5Jwob6FjI4AoPlqMusJ6ftFE7IkkFoMhVLRgK+4Kx3gkzb8UZK5t5yTTvEmA==
-  /tsutils/2.29.0/typescript@3.3.3:
+  /tsutils/2.29.0/typescript@3.5.1:
     dependencies:
       tslib: 1.9.3
-      typescript: 3.3.3
+      typescript: 3.5.1
     dev: false
     id: registry.npmjs.org/tsutils/2.29.0
     peerDependencies:
@@ -14760,6 +14760,13 @@ packages:
     hasBin: true
     resolution:
       integrity: sha512-Y21Xqe54TBVp+VDSNbuDYdGw0BpoR/Q6wo/+35M8PAU0vipahnyduJWirxxdxjsAkS7hue53x2zp8gz7F05u0A==
+  /typescript/3.5.1:
+    dev: false
+    engines:
+      node: '>=4.2.0'
+    hasBin: true
+    resolution:
+      integrity: sha512-64HkdiRv1yYZsSe4xC1WVgamNigVYjlssIoaH2HcZF0+ijsk5YK2g0G34w9wJkze8+5ow4STd22AynfO6ZYYLw==
   /typical/2.6.1:
     dev: false
     resolution:
@@ -15845,7 +15852,7 @@ packages:
     dev: false
     name: '@rush-temp/a11y-tests'
     resolution:
-      integrity: sha512-/f/SIjbdft5fspOtZn6Asb8AT+nAv6PHIsN98Dz324z1t2JRzGQvrp/kDEelvmZbUXt0eSdBp6BP04cuTe0MgA==
+      integrity: sha512-73AnUyM8yvhU6eth8QmamOnXAD9mdkn2jWKxnxRgFDEhKl2aJxr000+PH+tDM/R3xpTaNgoNKvHtjR0LAjMQrg==
       tarball: 'file:projects/a11y-tests.tgz'
     version: 0.0.0
   'file:projects/api-docs.tgz':
@@ -15858,7 +15865,7 @@ packages:
     dev: false
     name: '@rush-temp/api-docs'
     resolution:
-      integrity: sha512-tQiiD/ljtHUsF5DVqwJv9d92CGG6JaO+JdlBNC8VUH39XVFpzDy88DqIUPcFu34vxBtaAijN5bm7jfa4tNJDJA==
+      integrity: sha512-QnUZX/xUSB/0RRVpJNgyjKZItP3kjsSTqcO25Bj0KpTR72H1ju6ybZtAIC73u29vryiPRsfsa0pkZexLKAuAZg==
       tarball: 'file:projects/api-docs.tgz'
     version: 0.0.0
   'file:projects/azure-themes.tgz':
@@ -15868,7 +15875,7 @@ packages:
     dev: false
     name: '@rush-temp/azure-themes'
     resolution:
-      integrity: sha512-Th/r0x0UkCR74+CRdMhQP0fIQZy0+h2EO1+YpmVV6U7nats+WP2s79qtGNg9KELxlwJNQj2ZMU3VBC1Jbije4g==
+      integrity: sha512-ewQrxlui0dxQ6XT+gkX2wV16xlGOjlBWeAISiHhqzeEh4ZpN6GFq/2ZTe7OjOLSAN+2ullkRDEIGw0lQWinDww==
       tarball: 'file:projects/azure-themes.tgz'
     version: 0.0.0
   'file:projects/build.tgz':
@@ -15886,7 +15893,7 @@ packages:
       cpx: 1.5.0
       css-loader: 0.28.11
       find-free-port: 2.0.0
-      fork-ts-checker-webpack-plugin: /fork-ts-checker-webpack-plugin/0.4.15/78ce9b782feca4d461107d32ff2f3536
+      fork-ts-checker-webpack-plugin: /fork-ts-checker-webpack-plugin/0.4.15/41adb244b4ff6610d6d6f34fa678a3bd
       fs-extra: 7.0.1
       github: 7.3.2
       glob: 7.1.3
@@ -15919,10 +15926,10 @@ packages:
       style-loader: 0.21.0
       ts-jest: /ts-jest/24.0.1/jest@24.1.0
       ts-loader: 4.5.0
-      tslint: /tslint/5.16.0/typescript@3.3.3
-      tslint-microsoft-contrib: /tslint-microsoft-contrib/5.2.1/tslint@5.16.0+typescript@3.3.3
+      tslint: /tslint/5.16.0/typescript@3.5.1
+      tslint-microsoft-contrib: /tslint-microsoft-contrib/5.2.1/tslint@5.16.0+typescript@3.5.1
       ttest: 2.0.0
-      typescript: 3.3.3
+      typescript: 3.5.1
       webpack: 4.29.5
       webpack-bundle-analyzer: 3.3.2
       webpack-cli: /webpack-cli/3.2.3/webpack@4.29.5
@@ -15932,7 +15939,7 @@ packages:
     dev: false
     name: '@rush-temp/build'
     resolution:
-      integrity: sha512-HOvDC5PyfU6UzlSug2Mw2PV5RPNErE4XgZ7UZ3vDKSvwVsKRwB6a/O09DEtwxj8L42fPKhIk8dSBQk9i/Mjj2w==
+      integrity: sha512-0+KyOEdI7c7TNiD5zEBSXzlFkJg9Y4fgTIQRs8tRiQAlG81avtbdeYlKirdDTsI/fpp6YFtD7diXE3QCBsXR4A==
       tarball: 'file:projects/build.tgz'
     version: 0.0.0
   'file:projects/charting.tgz':
@@ -15975,7 +15982,7 @@ packages:
     dev: false
     name: '@rush-temp/charting'
     resolution:
-      integrity: sha512-QBoN5XQ7vOHtGhNv7sy4RIVgbqAk5RS9nHySgJGh8H7S5rZI6seTMRaiMQOADmoWO160LXXfiIgka12nGZSPQQ==
+      integrity: sha512-Xr7tXHDR4s3DHKv85lPL8R/7kXITIVyc4w+yncCU/cANMdUkDf7WqYskbi0611ZmFIWfmBme/JXlxPrKT5vK5Q==
       tarball: 'file:projects/charting.tgz'
     version: 0.0.0
   'file:projects/codepen-loader.tgz':
@@ -15997,7 +16004,7 @@ packages:
     dev: false
     name: '@rush-temp/codepen-loader'
     resolution:
-      integrity: sha512-gTqTmfUq/S0p45Xk2XxLSDhBU0IVwvntl3Ep2vRo6fEQNOswuQgR+VO0Af/RYUYUDv7yvyYFxxB9h5HqI0iUsA==
+      integrity: sha512-RAZKV0LDuJs9arXoqfLrGtR4rIJbHJhInsOY4oaWVhqGE+S3cBb2i1bXPSO/QHG29SbJsQvwF0f0nLa9sI0p3w==
       tarball: 'file:projects/codepen-loader.tgz'
     version: 0.0.0
   'file:projects/date-time.tgz':
@@ -16022,7 +16029,7 @@ packages:
     dev: false
     name: '@rush-temp/date-time'
     resolution:
-      integrity: sha512-3ozUNOgQ0PQBtEuG/8y493vjchsBrEYazDZyRp1VzWhfMemnw5degxX57XJPZjBkRZKNl7AlpRHEWackhvEEJQ==
+      integrity: sha512-hXXaS+ZWpXNyybM1LI62uOb2IRux7TPi1Y23Y7NpopUvXMvEx/LuK1Mq+OaJXMqBd8oywVXlx2/tC/DgleE8FQ==
       tarball: 'file:projects/date-time.tgz'
     version: 0.0.0
   'file:projects/dom-tests.tgz':
@@ -16047,7 +16054,7 @@ packages:
     dev: false
     name: '@rush-temp/dom-tests'
     resolution:
-      integrity: sha512-tqryCujzlCoKcjf+3A9sM2ZhysMHgqjvVNxKnnuUQlVJz7EW221XcyHGrjVpt3UA9CN+ANYq6gmeErB/Bh7ChA==
+      integrity: sha512-X9+kznqXhV0FFk9cMRAUjR/sm2Z6XPvYv21M2G4nsLZgxhfEDyI920FbOC8KA1MdplFyt14VT9qij9y5yQD4sw==
       tarball: 'file:projects/dom-tests.tgz'
     version: 0.0.0
   'file:projects/example-app-base.tgz':
@@ -16078,7 +16085,7 @@ packages:
     dev: false
     name: '@rush-temp/example-app-base'
     resolution:
-      integrity: sha512-6295Q16rJV777HqJ1loltH8YfTkBsw7iMN6N2FoJyp9f7VJgClBq3UWBxnoMZiNw308HK5uQLO32iOS4x+390w==
+      integrity: sha512-cGOLpUPFfWH7XBR/w84p5h1p1/VFz/RyKpoeXDEENm7Z4Xxnvb8jQoyk66ytHo72Cl6qDvtXbas7ttMoUV2pZw==
       tarball: 'file:projects/example-app-base.tgz'
     version: 0.0.0
   'file:projects/experiments.tgz':
@@ -16112,7 +16119,7 @@ packages:
     dev: false
     name: '@rush-temp/experiments'
     resolution:
-      integrity: sha512-b3FmJWZCZYV23pTPsDewY8JzqTtwMZOoHHUwu8HstrXlMVBwSlF+uzrRcIiUeqAgSzwJZ4nkXA2groC4cYSZ3Q==
+      integrity: sha512-4jsezxaDHiLsfDodkbLrdhWCoFZE9sJ1j1Bkc2CTNrWNLrwetZfiRMb6tMnTzdI3Qhv0j/QOQx1psuDnI7Xikg==
       tarball: 'file:projects/experiments.tgz'
     version: 0.0.0
   'file:projects/fabric-website-resources.tgz':
@@ -16154,7 +16161,7 @@ packages:
     dev: false
     name: '@rush-temp/fabric-website-resources'
     resolution:
-      integrity: sha512-rh1W5qCdUFFRiZl6pFjkBWEtbT3O0bWVkbGI4NvMGZEE969iSnGbPD1nFsqW4377E2/Tbj32PWRBVsXG6GD4LA==
+      integrity: sha512-cdJarQueFJJsUEd1woulRqQ6jVzCQps6UujJ8u3XkFHKAtasjI2M7kGbWTpY6O/r6X+aN+EYVUaHGTnHLnw/Xw==
       tarball: 'file:projects/fabric-website-resources.tgz'
     version: 0.0.0
   'file:projects/fabric-website.tgz':
@@ -16182,7 +16189,7 @@ packages:
     dev: false
     name: '@rush-temp/fabric-website'
     resolution:
-      integrity: sha512-6S9EppCh53cSJkogCklofSpzHL3j4/JCFD2tCq2M2JheREWK4hTXpv3+glnUjmP8UeXnbgeBrSgrGRko8rrtAQ==
+      integrity: sha512-KNZUfeULkHtbRdBOX0YAlEdnU9RuCPdXNqC4BUdJeIQlnO4ly+21vwSy9ZGi1rtde9hyXctnLkBhn7E9ejLr6A==
       tarball: 'file:projects/fabric-website.tgz'
     version: 0.0.0
   'file:projects/file-type-icons.tgz':
@@ -16196,7 +16203,7 @@ packages:
     dev: false
     name: '@rush-temp/file-type-icons'
     resolution:
-      integrity: sha512-oZ9QpTAR7AbZ8x3n83heJ0AErewl1huzWkfDyC/7Az7RdtfZBczV+VOF8IlDeep0AqQEMb75BT6uJ1fPpRG6fw==
+      integrity: sha512-pIGAtGr/MITOGtswQkxVVevMe5jcpv0z2uhErsZ2of/LA/hTg+zia00jed+hmQ0VxPMlcsbqucVHPG8CVtAJzA==
       tarball: 'file:projects/file-type-icons.tgz'
     version: 0.0.0
   'file:projects/fluent-theme.tgz':
@@ -16206,7 +16213,7 @@ packages:
     dev: false
     name: '@rush-temp/fluent-theme'
     resolution:
-      integrity: sha512-BXAC9YFo9yu3qX0Fa7tRnGgNXoCErN7nyRWOPZejrq3F6x6/BKu0fNgyUkc655QQrTEhZUC9QT4X7XyWCKyP+Q==
+      integrity: sha512-KBcen1Y4pnOyM5F4m2152AGw3Ywb6kmiiGkAQygfhNzcZBHyvErbUS3IT8/lxfGeEq3o5qLfflEiTXYeYV9Cog==
       tarball: 'file:projects/fluent-theme.tgz'
     version: 0.0.0
   'file:projects/foundation-scenarios.tgz':
@@ -16230,7 +16237,7 @@ packages:
     dev: false
     name: '@rush-temp/foundation-scenarios'
     resolution:
-      integrity: sha512-AO1lZXIgapjwSAHFw1dwFsfsE/KiGspAi8poVEuKZgbPUeAzg+7hvDeWxmBK4d413XdgZzQGHfuv+5HmD0QMYw==
+      integrity: sha512-R0mDuPazbU2UOx0Ax2IxErGarbCkdcOXETD/7nF7PwOm8pk6mkiJ/W1GJ7g6blQkljjkNebt+FjcTmXCE2moHg==
       tarball: 'file:projects/foundation-scenarios.tgz'
     version: 0.0.0
   'file:projects/foundation.tgz':
@@ -16253,7 +16260,7 @@ packages:
     dev: false
     name: '@rush-temp/foundation'
     resolution:
-      integrity: sha512-V+/EAFbxCbwUJyXl3OHidWSHaIiMj9pWkssPuA28+WlfXs9kxD23M7mZATEx9h6C8weV5TFTgs+bb1TnbSfqNg==
+      integrity: sha512-wwjf4wb50d7TZzSP4wKvbzUcT49TqfT6RF5p4adBetCu8ER9K3q/YOjwPweg8V+eNZrDMYkRcBqtYRvu4xfHvw==
       tarball: 'file:projects/foundation.tgz'
     version: 0.0.0
   'file:projects/icons.tgz':
@@ -16262,7 +16269,7 @@ packages:
     dev: false
     name: '@rush-temp/icons'
     resolution:
-      integrity: sha512-foxTlOAF1IITQcW03HnlGXbdwIlNLDfROvF++z31uWu5XXcIW490MZqLYRcl+kn8ZEK9M60vffiDG/BRq0r1OA==
+      integrity: sha512-HzDzBtBeNTCsWfx3dozZ7+V+S0JjZPKEdYpQ4rJDPnOuBlZAF5Z6SOuxBBwQznhAReeAq3CvGhpWg2+U35PaVQ==
       tarball: 'file:projects/icons.tgz'
     version: 0.0.0
   'file:projects/jest-serializer-merge-styles.tgz':
@@ -16277,7 +16284,7 @@ packages:
     dev: false
     name: '@rush-temp/jest-serializer-merge-styles'
     resolution:
-      integrity: sha512-Yv8ogSGs0IcFUgQJdBtlUtktX0LJT7YhoccrptLzggtJoJrlFhqcHsv8VNEtnqI3vBpULWumRKDnmto2lkQ1yw==
+      integrity: sha512-xJdHdj/CW7NH7oIvugVSIoclo3NbgysSY+MevvnR9Hr2KwZ0uocmeyGgWE9ZS6Exzy1BqTEkfH8NUHQkp4ceYg==
       tarball: 'file:projects/jest-serializer-merge-styles.tgz'
     version: 0.0.0
   'file:projects/lists.tgz':
@@ -16301,7 +16308,7 @@ packages:
     dev: false
     name: '@rush-temp/lists'
     resolution:
-      integrity: sha512-79Jl9n/zAxyN3QtvI58OdbDi6x9pC6GK+RIlMMS1JVIkQEF0ZLNLctELnkfKGEPYrvnM3A/ofTgu+pYtfBzoxA==
+      integrity: sha512-/t9xx0OCZYN8+4ez8updPn4ZkLE0gwkM3XIs2zizm+foWzxXrr4MS5sgcU842Kw4hjGeq/mfW2NiBOcsQmbzWQ==
       tarball: 'file:projects/lists.tgz'
     version: 0.0.0
   'file:projects/merge-styles.tgz':
@@ -16311,7 +16318,7 @@ packages:
     dev: false
     name: '@rush-temp/merge-styles'
     resolution:
-      integrity: sha512-P7xNNzgmD4xQX+5VBAs04lOgkoNcEtzuctCbHAmfKHTRsSrQjCl/48E9Wk3Cp3XLJFzNVSszNaY+YgCQqvzjtQ==
+      integrity: sha512-Xh5Pt3EUltlbrnf2Klnmss4IAwHxqLdePrcRFDe0guX0AIlilpy4DhRePxwZkQBqjnnUkNl3NOHxP/jZ4RDE9Q==
       tarball: 'file:projects/merge-styles.tgz'
     version: 0.0.0
   'file:projects/migration.tgz':
@@ -16323,14 +16330,14 @@ packages:
       '@types/semver': 5.5.0
       glob: 7.1.3
       mock-fs: 4.10.0
-      riceburn: /riceburn/1.3.0/typescript@3.3.3
+      riceburn: /riceburn/1.3.0/typescript@3.5.1
       semver: 5.7.0
       tslib: 1.9.3
-      typescript: 3.3.3
+      typescript: 3.5.1
     dev: false
     name: '@rush-temp/migration'
     resolution:
-      integrity: sha512-WwgDhBbdD/VeiqXLaXFJySDTRpZqRm9iKyAslFfhRpTITr/e2cfKuoEiibUR8A3/9BN9bMHrhzAuVXC48jVbeA==
+      integrity: sha512-t+vTdvgSeeUDIsoHIEx4DbwW1oKu0fJ10upZ2IETkdsmdo4TQZp9RdQyQDqA/bYr0TwXko7xqXyStt8egE24Ow==
       tarball: 'file:projects/migration.tgz'
     version: 0.0.0
   'file:projects/office-ui-fabric-react.tgz':
@@ -16370,7 +16377,7 @@ packages:
     dev: false
     name: '@rush-temp/office-ui-fabric-react'
     resolution:
-      integrity: sha512-OQ6S0ucOWzrI+u08YbbpfiU3qf/39+EZ3w9yNFY4I9qy6fLkdnSMYu+9My/EOxI88OawYwWKZOo4CnZwV66niA==
+      integrity: sha512-hbWWhIbcSP24BV9czbH2ykaC7hUdF2OE1FAkUZ2R+9x4mUWWEg2+W7dNoVVG7aqInD6nQcalmj+0B9L9xMymFw==
       tarball: 'file:projects/office-ui-fabric-react.tgz'
     version: 0.0.0
   'file:projects/perf-test.tgz':
@@ -16388,21 +16395,21 @@ packages:
     dev: false
     name: '@rush-temp/perf-test'
     resolution:
-      integrity: sha512-QZDwdSZT1VqzQJ7O8clQOE9jDnjmTnl0MY6/q9yLhvxzksFQTL3qTxlfdK7x0zD5zE3598jZsLZjT0wKuhfX1w==
+      integrity: sha512-i/crTZhDH51mrs0Dk3ekdiVTpULubBCYxxj+4JgJHkBcvUqFAyFVH3MTgRBhbo7gsIhieoWCQwMKrWWkW6EHQQ==
       tarball: 'file:projects/perf-test.tgz'
     version: 0.0.0
   'file:projects/pr-deploy-site.tgz':
     dev: false
     name: '@rush-temp/pr-deploy-site'
     resolution:
-      integrity: sha512-3fiulU/9KpV0TOkegQAfUZYnlH7pxzmwfccrjmzsjQgduIuabnbaAYZNC/o+4syAIbiCGCKzjbvuXf4+7A3XYw==
+      integrity: sha512-qLCVNCh0LiGT4MHBJabMRlgDKO/h0OBhftrLU62LN8UGET5WJ4aInzt21GbyUzAekYR7MyG1S0Kglot/rLNFVg==
       tarball: 'file:projects/pr-deploy-site.tgz'
     version: 0.0.0
   'file:projects/prettier-rules.tgz':
     dev: false
     name: '@rush-temp/prettier-rules'
     resolution:
-      integrity: sha512-7r4uNiMS8+omI76CKiVw7nJn2G0vs6Cd+CEAmTGmXDRT/FaMbDSIlsOpg+jzuO/fzg/zDB5GT7kwYff1IQWMiw==
+      integrity: sha512-jWWVmeywKZJiB8xv4ZdJ77AkTUoIgzr9ZNB2lGWp57zq/NqAGn6JVhkrf8Kp4GUPUyszGKn2NIVPx510n1eT7Q==
       tarball: 'file:projects/prettier-rules.tgz'
     version: 0.0.0
   'file:projects/react-cards.tgz':
@@ -16427,7 +16434,7 @@ packages:
     dev: false
     name: '@rush-temp/react-cards'
     resolution:
-      integrity: sha512-QzABo5rX79vlMHwXXRUJMf5eQ5yB+IV2sL7C+YmHvNzHK0PYnwtZjSGysGJmyGmjAes+9bZ+MoAdeBInenUpog==
+      integrity: sha512-SEgZThbKPrEBwB0dwLhkEFcqH+dHGA1B62hwHVnUhyEP5SkoOCxAxDynAZbFBwuXmvrAgsSdBV4hhSLRINiQpA==
       tarball: 'file:projects/react-cards.tgz'
     version: 0.0.0
   'file:projects/server-rendered-app.tgz':
@@ -16446,7 +16453,7 @@ packages:
     dev: false
     name: '@rush-temp/server-rendered-app'
     resolution:
-      integrity: sha512-DxWheryMGJ5naKlKiqFfUzzORnVG4RY2rrbmgkdZjSfmFPHUjsRJw1kMVRPp/pWk0fcGHe9rv+UiBaNbzNFLRw==
+      integrity: sha512-c8gvZ1oNbUUriY7GqNT5fbG+WPK+nqcbsqwDloJpBSe4u1ZuFWFLpH3zF/vOvF2qJlkH32xGfYbXYPl/CEu3Uw==
       tarball: 'file:projects/server-rendered-app.tgz'
     version: 0.0.0
   'file:projects/set-version.tgz':
@@ -16456,7 +16463,7 @@ packages:
     dev: false
     name: '@rush-temp/set-version'
     resolution:
-      integrity: sha512-E0H3UsbpteNSFjexchy9m6XTl5/OqiKztbDwYk6GQV8qLB966an3IaPBvHsLWNrCkD1xKKYNU6s1Xhgs/RKzqw==
+      integrity: sha512-T4evegLu3m93/qgYO6yC8odBzT8Zdx8DjVLnUbdZ9AhHrHGdIZMWSCivLkBalkBa9Covl6DR6gnvVS9hjvokCg==
       tarball: 'file:projects/set-version.tgz'
     version: 0.0.0
   'file:projects/ssr-tests.tgz':
@@ -16475,7 +16482,7 @@ packages:
     dev: false
     name: '@rush-temp/ssr-tests'
     resolution:
-      integrity: sha512-k7pGNF3vfTe/gstwPMJCa48mlJUguQLu9SUMdg58EeFN6+ka/VR8iD2GYPhVC6D6lDBrPLIlMNjclmCR/rQXSg==
+      integrity: sha512-UQgJOJfMSAsBvDZgtyDgEYmlsRsQZcZQQdFVXY6yxocpLXah5cYY6+JkBq9zfFQdZwXs3Zti5EKHINe0QVaZHw==
       tarball: 'file:projects/ssr-tests.tgz'
     version: 0.0.0
   'file:projects/styling.tgz':
@@ -16492,7 +16499,7 @@ packages:
     dev: false
     name: '@rush-temp/styling'
     resolution:
-      integrity: sha512-r2qFR6v9mb5SQrDf06WrbXrped1gjwBTSXuzUJxkUCVHbEXbTVIbvsrMPE/CbvnGW4NjzOXXs0miYKhXPCjkCw==
+      integrity: sha512-xBvLH2PnpiPgy6tKD3iO4+brOvPYdw2lXHuF1Htl9KzXUqQKr39dentNoy/zE4CR/7VIdgOVRZcbf6GdmC58/Q==
       tarball: 'file:projects/styling.tgz'
     version: 0.0.0
   'file:projects/test-bundles.tgz':
@@ -16506,7 +16513,7 @@ packages:
     dev: false
     name: '@rush-temp/test-bundles'
     resolution:
-      integrity: sha512-15AWsECsR479nB4ZR2R5dp62S798gRfiMUetcdKSINhPvHR0BWgaUUbDhS+Wi0lGtsryPbb0RjpTPbY+TmrH3A==
+      integrity: sha512-qJLPb0yog55o2/Ek3YPHwqAkZqirPvSxPLfKUeZ5VcxwivYenChNztSEQLomXYxHxr7VKjdfkmyqMBQlfdc9vA==
       tarball: 'file:projects/test-bundles.tgz'
     version: 0.0.0
   'file:projects/test-utilities.tgz':
@@ -16528,7 +16535,7 @@ packages:
     dev: false
     name: '@rush-temp/test-utilities'
     resolution:
-      integrity: sha512-PGpqHuXxPo2fMIogk+BCSel6my9G2T3rYecK/6bDtwLv03n7fH5c+4/y9kmxONdP8MJzfP1jUQ1bEuKcGp5ogA==
+      integrity: sha512-09dJKCg+er+8cnLqGBBaqAdn1aFclLjsFyfM8IeczwMSScJ7hWGjzPhSnEUVI0jqVJtxvu1xJV6eXDRqVxoQfA==
       tarball: 'file:projects/test-utilities.tgz'
     version: 0.0.0
   'file:projects/theme-samples.tgz':
@@ -16538,7 +16545,7 @@ packages:
     dev: false
     name: '@rush-temp/theme-samples'
     resolution:
-      integrity: sha512-ZT+wouXvhn0wf1BkoQYD14UUvlBluyP/5Hf/quKllIQpi6aD/krcUGLGPzQXDMlQEdhfTYSg/mYC52r3LnKQSA==
+      integrity: sha512-iCCX2hGBC6IQeya41OuZJJndiOkYs/pkR7xKdlWU2UCmtGnpeyUP9X/CEJvaXn5mdI4nwOT3CD4Ar3p4fBLZIw==
       tarball: 'file:projects/theme-samples.tgz'
     version: 0.0.0
   'file:projects/theming-designer.tgz':
@@ -16554,11 +16561,11 @@ packages:
       react: 16.8.6
       react-dom: /react-dom/16.8.6/react@16.8.6
       tslib: 1.9.3
-      typescript: 3.3.3
+      typescript: 3.5.1
     dev: false
     name: '@rush-temp/theming-designer'
     resolution:
-      integrity: sha512-7OO5f/OCe44yq6ZRoXgRa+2Y+17Z7KHeHiaZ/l4wz+95YgiO1h0xSrA+oa9LhvWxC9GQ5VIHZiQkjS5yAfJxOA==
+      integrity: sha512-yDRFgSZ1L/uqiO97NF1AzHwntnyyW72l7GVLSfD/AbOSMoYlCjbDDbNEgC3jGX8ucVp+GN8B8pnre7+prcz4rQ==
       tarball: 'file:projects/theming-designer.tgz'
     version: 0.0.0
   'file:projects/todo-app.tgz':
@@ -16573,11 +16580,11 @@ packages:
       react: 16.8.6
       react-dom: /react-dom/16.8.6/react@16.8.6
       tslib: 1.9.3
-      typescript: 3.3.3
+      typescript: 3.5.1
     dev: false
     name: '@rush-temp/todo-app'
     resolution:
-      integrity: sha512-v8sAPlrMhPi0wG2zB0cYpA2aJ7XEjMjOfdStQfmalRo5xzDBb8940Q7vbATdyH7K000PtglE74IhJ2r6gayT8w==
+      integrity: sha512-wV0MT2cw2aX/VENgZmuSszl0EfGiaqY52KIQhNwjmfscQPcRc7Ffz7evOJxpJf2ub/uZPLrWVpuPdlykqe6lag==
       tarball: 'file:projects/todo-app.tgz'
     version: 0.0.0
   'file:projects/tslint-rules.tgz':
@@ -16586,7 +16593,7 @@ packages:
     dev: false
     name: '@rush-temp/tslint-rules'
     resolution:
-      integrity: sha512-8wuVU4w1Bpvf5I7a7X1ya/Zs+YNi1TSkdRkop+RX+2sXVi/hCAjrYQ6RU2TQc28Qe/GotjxSWszya1kkjKkz0Q==
+      integrity: sha512-sJZbDeOptA/9QAmZZ3a6+4v9HYsKFgmDIOZOF8LLfYxAvzSlbLnvsrOZzxKjwPpqEuRm6+cYYBy38/+UFpoXZQ==
       tarball: 'file:projects/tslint-rules.tgz'
     version: 0.0.0
   'file:projects/utilities.tgz':
@@ -16611,7 +16618,7 @@ packages:
     dev: false
     name: '@rush-temp/utilities'
     resolution:
-      integrity: sha512-jfqrLLbQZjsP0cr3EMZgr+7ZuetY75/FsxAWrAyDWT40Ra1D1zm5Dd9QYjpxyI67P7TTpFHFOvJ+uXneRp9/ug==
+      integrity: sha512-bM8d1/M17Yid9Ha3sxFOBQEaFzZSG9WcpwaroR/EMlrZJzBTaV7KeP5+EteIupwUu3SR4PIfnZBaOu9KGD/zyg==
       tarball: 'file:projects/utilities.tgz'
     version: 0.0.0
   'file:projects/variants.tgz':
@@ -16621,7 +16628,7 @@ packages:
     dev: false
     name: '@rush-temp/variants'
     resolution:
-      integrity: sha512-/uAstgRtLVVNLnHNE7Sti8DUE9a9K9kRx6Xph2+j5MlMrg220Dgxnpc+pcci+WY0R37KRZNJLzTOqlrbyYurAw==
+      integrity: sha512-IdU1Y4eDw2yOXhTX4BIFm7mz8a7SexOQ+KoDCOsHJI8Vp3Kirl/1+6ljpF1I9Psr/jzrxe8VkbE+4flDwllvKA==
       tarball: 'file:projects/variants.tgz'
     version: 0.0.0
   'file:projects/vr-tests.tgz':
@@ -16649,11 +16656,11 @@ packages:
       storybook-readme: 3.3.0
       style-loader: 0.21.0
       tslib: 1.9.3
-      typescript: 3.3.3
+      typescript: 3.5.1
     dev: false
     name: '@rush-temp/vr-tests'
     resolution:
-      integrity: sha512-iHm6aRTsTLbLGDq8yPoYZvZy8ykZpJCA3/yhWFwbK0t1X0Q59nrivxJsRDI1VgRMGdd5vW+JlDHUGyZNnTw9FA==
+      integrity: sha512-NkFK0FIIJBYVTCujI9eBbi4qsJ3SmFv8ai/zIzmodw08Od2x/ySpqTFkMGHZBUStdYDWMs0z/alUAZNM6HnkCQ==
       tarball: 'file:projects/vr-tests.tgz'
     version: 0.0.0
   'file:projects/webpack-utils.tgz':
@@ -16668,7 +16675,7 @@ packages:
     dev: false
     name: '@rush-temp/webpack-utils'
     resolution:
-      integrity: sha512-Kjy++hHMxbRBiN7Md1bFeyMmD/Zq0gF2UBWlfTbwa7HSzvTrNlk0S0u+GWtmZrsrHvSHZ1nO4vqz845UTSQKIQ==
+      integrity: sha512-chU7ccaSTCbNdoI3jAdk7W21iADEiwwz9qTfTOcb7rsvG9JAs14QGGoVFwat+FHEiljRHSBgI1Hilsnu8+1dLw==
       tarball: 'file:projects/webpack-utils.tgz'
     version: 0.0.0
 registry: 'https://registry.npmjs.org/'
@@ -16855,7 +16862,7 @@ specifiers:
   tslint-microsoft-contrib: ^5.0.1
   tslint-react: ^3.2.0
   ttest: 2.0.0
-  typescript: 3.3.3
+  typescript: 3.5.1
   webpack: 4.29.5
   webpack-bundle-analyzer: ^3.0.4
   webpack-cli: 3.2.3
diff --git a/packages/charting/src/components/PieChart/Pie/Pie.tsx b/packages/charting/src/components/PieChart/Pie/Pie.tsx
index 830d3118711009..6f128999c3766c 100644
--- a/packages/charting/src/components/PieChart/Pie/Pie.tsx
+++ b/packages/charting/src/components/PieChart/Pie/Pie.tsx
@@ -15,7 +15,7 @@ export class Pie extends React.Component<IPieProps, {}> {
         return d.y;
       })
   };
-  private colors: scale.ScaleOrdinal<string | number, {}>;
+  private colors: scale.ScaleOrdinal<string | number, any>;
 
   constructor(props: IPieProps) {
     super(props);
diff --git a/packages/date-time/src/components/DatePicker/DatePicker.base.tsx b/packages/date-time/src/components/DatePicker/DatePicker.base.tsx
index a84e76eaf63ef2..5945e0832b19af 100644
--- a/packages/date-time/src/components/DatePicker/DatePicker.base.tsx
+++ b/packages/date-time/src/components/DatePicker/DatePicker.base.tsx
@@ -179,7 +179,7 @@ export class DatePickerBase extends BaseComponent<IDatePickerProps, IDatePickerS
     });
 
     const calloutId = getId('DatePicker-Callout');
-    const nativeProps = getNativeProps(this.props, divProperties, ['value']);
+    const nativeProps = getNativeProps<React.HTMLAttributes<HTMLDivElement>>(this.props, divProperties, ['value']);
     const iconProps = textFieldProps && textFieldProps.iconProps;
 
     return (
diff --git a/packages/example-app-base/src/components/MarkdownTable/MarkdownTable.types.ts b/packages/example-app-base/src/components/MarkdownTable/MarkdownTable.types.ts
index 04736b8a659be4..94d3961e321f97 100644
--- a/packages/example-app-base/src/components/MarkdownTable/MarkdownTable.types.ts
+++ b/packages/example-app-base/src/components/MarkdownTable/MarkdownTable.types.ts
@@ -15,7 +15,8 @@ export interface IMarkdownTableCellProps extends IMarkdownTableProps {
    * Render the table cell as a th or td.
    * @default 'td'
    */
-  as: 'th' | 'td';
+  // TODO: doc says default is 'td', where is it set? if it has a default, why is 'as' required? making optional for now.
+  as?: 'th' | 'td';
 }
 
 export type IMarkdownTableStyleProps = Required<Pick<IMarkdownTableProps, 'theme'>> & Pick<IMarkdownTableProps, 'className'>;
diff --git a/packages/example-app-base/src/components/Page/Page.tsx b/packages/example-app-base/src/components/Page/Page.tsx
index 3c544ac12ec294..6ee0b84900753d 100644
--- a/packages/example-app-base/src/components/Page/Page.tsx
+++ b/packages/example-app-base/src/components/Page/Page.tsx
@@ -28,6 +28,15 @@ export interface IPageState {
   isMountedOffset?: boolean;
 }
 
+// TODO: I think this component should be templated to forward the TPlatform type to props.
+//        It can then be used in JSX like this:
+//        <Page<Platform> {...props} />
+// https://mariusschulz.com/blog/typescript-2-9-passing-generics-to-jsx-elements
+// This change will expose a domino effect where other page components in this package should use
+//    IPageSection props with a templated arg rather than just defaulting to string. These
+//    issues could probably be more easily found by removing the default TPlatform generic type.
+// To work around this issue for now, a bunch of "as IPageSectionProps[]" casts were added to fabric-website package.
+// export class Page<TPlatform extends string> extends React.Component<IPageProps<TPlatform>, IPageState> {
 export class Page extends React.Component<IPageProps, IPageState> {
   public static defaultProps: Partial<IPageProps> = {
     showSideRail: true
diff --git a/packages/example-app-base/src/components/Page/Page.types.ts b/packages/example-app-base/src/components/Page/Page.types.ts
index 6e7dad2896c13f..8ea50b5a2edf03 100644
--- a/packages/example-app-base/src/components/Page/Page.types.ts
+++ b/packages/example-app-base/src/components/Page/Page.types.ts
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { IComponentAs, Omit } from 'office-ui-fabric-react';
+import { IComponentAs } from 'office-ui-fabric-react';
 import { IExampleCardProps } from '../ExampleCard/index';
 import { ISideRailLink } from '../SideRail/index';
 import { IPageJson } from 'office-ui-fabric-react/lib/common/DocPage.types';
@@ -88,7 +88,9 @@ export interface IPageProps<TPlatforms extends string = string> {
   hideImplementationTitle?: boolean;
 
   /** (8) Array of custom sections. */
+  // TODO: TPlatforms generic should be forwarded to otherSections. Requires resolving TODO in Page.tsx.
   otherSections?: IPageSectionProps[];
+  // otherSections?: IPageSectionProps<TPlatforms>[];
 
   /** (9) If true, render the feedback section with GitHub issues. **/
   isFeedbackVisible?: boolean;
@@ -161,6 +163,11 @@ export interface IPageSectionProps<TPlatforms extends string = string>
 }
 
 /** Version of IPageSectionProps where `sectionName` is required. */
-export type IPageSectionPropsWithSectionName = Required<Pick<IPageSectionProps, 'sectionName'>> & Omit<IPageSectionProps, 'sectionName'>;
+// TODO: I'm not sure the best way to fix this, and the TS watch issue is making it harder to iterate and try fixes.
+//        Equating types with a slight loss in type safety for now.
+export type IPageSectionPropsWithSectionName = IPageSectionProps;
+// export type IPageSectionPropsWithSectionName<TPlatform extends string = string> =
+//   Required<Pick<IPageSectionProps<TPlatform>, 'sectionName'>> & Omit<IPageSectionProps<TPlatform>, 'sectionName'>;
+// export type IPageSectionPropsWithSectionName = Required<Pick<IPageSectionProps, 'sectionName'>> & Omit<IPageSectionProps, 'sectionName'>;
 
 export type TPlatformPageProps<TPlatforms extends string> = { [platform in TPlatforms]?: IPageProps<TPlatforms> };
diff --git a/packages/example-app-base/src/components/Page/sections/ExamplesSection.tsx b/packages/example-app-base/src/components/Page/sections/ExamplesSection.tsx
index d790450b7c8999..2ecb798cf562bd 100644
--- a/packages/example-app-base/src/components/Page/sections/ExamplesSection.tsx
+++ b/packages/example-app-base/src/components/Page/sections/ExamplesSection.tsx
@@ -5,7 +5,9 @@ import * as styles from '../Page.module.scss';
 
 export interface IExamplesSectionProps extends IPageSectionPropsWithSectionName {
   exampleKnobs?: React.ReactNode;
-  examples: IExample[];
+  // TODO: There seems to be a disparity between this type and IPageSectionProps as used in Page.tsx.
+  //        Making optional for now to workaround.
+  examples?: IExample[];
 }
 
 export const ExamplesSection: React.StatelessComponent<IExamplesSectionProps> = props => {
@@ -20,14 +22,15 @@ export const ExamplesSection: React.StatelessComponent<IExamplesSectionProps> =
       </div>
       <div>
         {exampleKnobs && <div className={styles.subSection}>{exampleKnobs}</div>}
-        {examples.map((example: IExample) => {
-          const { view, ...exampleProps } = example;
-          return (
-            <div key={example.title + '-key'} className={styles.subSection}>
-              <ExampleCard {...exampleProps}>{view}</ExampleCard>
-            </div>
-          );
-        })}
+        {examples &&
+          examples.map((example: IExample) => {
+            const { view, ...exampleProps } = example;
+            return (
+              <div key={example.title + '-key'} className={styles.subSection}>
+                <ExampleCard {...exampleProps}>{view}</ExampleCard>
+              </div>
+            );
+          })}
       </div>
     </div>
   );
diff --git a/packages/example-app-base/src/utilities/PlatformContext.tsx b/packages/example-app-base/src/utilities/PlatformContext.tsx
index 853ae95601f5a1..ee8c76d7cc1486 100644
--- a/packages/example-app-base/src/utilities/PlatformContext.tsx
+++ b/packages/example-app-base/src/utilities/PlatformContext.tsx
@@ -10,7 +10,7 @@ export function withPlatform<
   TPlatforms extends string = string,
   TProps extends IWithPlatformProps<TPlatforms> = IWithPlatformProps<TPlatforms>
 >(Component: React.ComponentType<TProps>): React.StatelessComponent<TProps> {
-  const ComponentWithPlatform: React.StatelessComponent = (props: TProps & { children?: React.ReactNode }) => (
+  const ComponentWithPlatform: React.FunctionComponent<TProps> = (props: TProps) => (
     <PlatformContext.Consumer>{(platform: string) => <Component {...props} platform={platform} />}</PlatformContext.Consumer>
   );
   // tslint:disable no-any
diff --git a/packages/experiments/src/components/CollapsibleSection/CollapsibleSectionTitle.view.tsx b/packages/experiments/src/components/CollapsibleSection/CollapsibleSectionTitle.view.tsx
index 728cb511e3ba40..81f1336524283f 100644
--- a/packages/experiments/src/components/CollapsibleSection/CollapsibleSectionTitle.view.tsx
+++ b/packages/experiments/src/components/CollapsibleSection/CollapsibleSectionTitle.view.tsx
@@ -15,7 +15,7 @@ export const CollapsibleSectionTitleView: ICollapsibleSectionTitleComponent['vie
     text: Text
   });
 
-  const buttonProps = getNativeProps(props, buttonProperties);
+  const buttonProps = getNativeProps<React.HTMLAttributes<HTMLButtonElement>>(props, buttonProperties);
 
   return (
     <Slots.root {...buttonProps} ref={props.focusElementRef}>
diff --git a/packages/experiments/src/components/FloatingSuggestions/Suggestions/SuggestionsCore.tsx b/packages/experiments/src/components/FloatingSuggestions/Suggestions/SuggestionsCore.tsx
index ca19dbe1281451..9068320180f239 100644
--- a/packages/experiments/src/components/FloatingSuggestions/Suggestions/SuggestionsCore.tsx
+++ b/packages/experiments/src/components/FloatingSuggestions/Suggestions/SuggestionsCore.tsx
@@ -12,7 +12,7 @@ const styles: any = stylesImport;
  * (e.g. is a valid react key).
  */
 function hasKey<T>(i: T): i is T & { key: string | number } {
-  if (!(i instanceof Object) || !i.hasOwnProperty('key')) {
+  if (!(i instanceof Object) || !(i as Object).hasOwnProperty('key')) {
     return false;
   }
   const keyType = typeof (i as T & { key: any }).key;
diff --git a/packages/experiments/src/components/FloatingSuggestions/Suggestions/SuggestionsItem.tsx b/packages/experiments/src/components/FloatingSuggestions/Suggestions/SuggestionsItem.tsx
index 4b8f6ec35cba28..660a5d27d78611 100644
--- a/packages/experiments/src/components/FloatingSuggestions/Suggestions/SuggestionsItem.tsx
+++ b/packages/experiments/src/components/FloatingSuggestions/Suggestions/SuggestionsItem.tsx
@@ -51,5 +51,8 @@ export const SuggestionsItemInner: <TSuggestion>(props: ISuggestionItemProps<TSu
   );
 };
 
-export const SuggestionsItem = styled(SuggestionsItemInner, getStyles);
+export const SuggestionsItem = styled<ISuggestionItemProps<any>, ISuggestionsItemStyleProps, ISuggestionsItemStyles>(
+  SuggestionsItemInner,
+  getStyles
+);
 export type SuggestionsItem<T> = React.ComponentType<ISuggestionItemProps<T>>;
diff --git a/packages/experiments/src/components/LayoutGroup/LayoutGroup.tsx b/packages/experiments/src/components/LayoutGroup/LayoutGroup.tsx
index a4062a4ebe406d..0f80d8eb9fdc55 100644
--- a/packages/experiments/src/components/LayoutGroup/LayoutGroup.tsx
+++ b/packages/experiments/src/components/LayoutGroup/LayoutGroup.tsx
@@ -13,7 +13,7 @@ export class LayoutGroup extends React.Component<ILayoutGroupProps, {}> {
   public render(): JSX.Element | null {
     const { children, direction, layoutGap, justify } = this.props;
 
-    const divProps = getNativeProps(this.props, divProperties);
+    const divProps = getNativeProps<React.HTMLAttributes<HTMLDivElement>>(this.props, divProperties);
 
     const numberOfChildren = React.Children.count(children);
 
diff --git a/packages/experiments/src/components/PersonaCoin/PersonaCoin.types.ts b/packages/experiments/src/components/PersonaCoin/PersonaCoin.types.ts
index 02a54890a2fda3..8cea5025c77e2b 100644
--- a/packages/experiments/src/components/PersonaCoin/PersonaCoin.types.ts
+++ b/packages/experiments/src/components/PersonaCoin/PersonaCoin.types.ts
@@ -3,6 +3,7 @@ import { IComponentStyles, IHTMLSlot, ISlotProp, IComponent, IStyleableComponent
 import { IPersonaPresenceSlot } from '../../utilities/factoryComponents.types';
 import { IPersonaCoinImageSlot } from './PersonaCoinImage/PersonaCoinImage.types';
 import { IPersonaCoinSize10Slot } from './PersonaCoinSize10/PersonaCoinSize10';
+import { IPersonaCoinInitialsSlot } from './PersonaCoinInitials/PersonaCoinInitials';
 
 export type IPersonaCoinComponent = IComponent<IPersonaCoinProps, IPersonaCoinTokens, IPersonaCoinStyles, IPersonaCoinViewProps>;
 
@@ -29,7 +30,7 @@ export interface IPersonaCoinSlots {
   /**
    * Slot for the initials element
    */
-  initials?: IPersonaCoinSlot;
+  initials?: IPersonaCoinInitialsSlot;
 
   /**
    * Slot for the presence element
diff --git a/packages/experiments/src/components/PersonaCoin/PersonaCoinInitials/PersonaCoinInitials.tsx b/packages/experiments/src/components/PersonaCoin/PersonaCoinInitials/PersonaCoinInitials.tsx
index 10eb0cfa0e4c88..3d7f0f1cf4746d 100644
--- a/packages/experiments/src/components/PersonaCoin/PersonaCoinInitials/PersonaCoinInitials.tsx
+++ b/packages/experiments/src/components/PersonaCoin/PersonaCoinInitials/PersonaCoinInitials.tsx
@@ -1,13 +1,19 @@
 import * as React from 'react';
 import { Icon, Text } from 'office-ui-fabric-react';
+import { ISlotProp } from '../../../Foundation';
 import { IPersonaCoinProps } from '../PersonaCoin.types';
 import { getInitials, getRTL } from '../../../Utilities';
 
+export type IPersonaCoinInitialsSlot = ISlotProp<IPersonaCoinInitialsProps, string>;
+
+// TODO: Have Markus verify... className props was required, but I'm not sure if it should be.
+// If it is truly required, it seems the parent component should be ensuring that default values are
+// provided and not assume the consumer of the slot will provide them.
 export interface IPersonaCoinInitialsProps {
   initials: IPersonaCoinProps['initials'];
   text: IPersonaCoinProps['text'];
   allowPhoneInitials: IPersonaCoinProps['allowPhoneInitials'];
-  className: string;
+  className?: string;
 }
 
 export const PersonaCoinInitials: React.StatelessComponent<IPersonaCoinInitialsProps> = props => {
diff --git a/packages/experiments/src/components/SelectedItemsList/Items/subcomponents/DefaultEditingItem.tsx b/packages/experiments/src/components/SelectedItemsList/Items/subcomponents/DefaultEditingItem.tsx
index cdbb180b5b9a18..395c116ec308c8 100644
--- a/packages/experiments/src/components/SelectedItemsList/Items/subcomponents/DefaultEditingItem.tsx
+++ b/packages/experiments/src/components/SelectedItemsList/Items/subcomponents/DefaultEditingItem.tsx
@@ -70,7 +70,7 @@ export class DefaultEditingItemInner<TItem> extends React.PureComponent<IDefault
 
   public render(): JSX.Element {
     const itemId = getId();
-    const nativeProps = getNativeProps(this.props, inputProperties);
+    const nativeProps = getNativeProps<React.HTMLAttributes<HTMLInputElement>>(this.props, inputProperties);
     return (
       <span aria-labelledby={'editingItemPersona-' + itemId} className={css('ms-EditingItem', styles.editingContainer)}>
         <input
diff --git a/packages/experiments/src/components/SelectedItemsList/SelectedPeopleList/Items/SelectedPersona.tsx b/packages/experiments/src/components/SelectedItemsList/SelectedPeopleList/Items/SelectedPersona.tsx
index af66c2c523f383..e1f6fc00d120e2 100644
--- a/packages/experiments/src/components/SelectedItemsList/SelectedPeopleList/Items/SelectedPersona.tsx
+++ b/packages/experiments/src/components/SelectedItemsList/SelectedPeopleList/Items/SelectedPersona.tsx
@@ -116,6 +116,11 @@ const SelectedPersonaInner = React.memo(<TPersona extends IPersonaProps = IPerso
 });
 
 // export casting back to typeof inner to preserve generics.
-export const SelectedPersona = styled(SelectedPersonaInner, getStyles, undefined, {
-  scope: 'SelectedPersona'
-}) as typeof SelectedPersonaInner;
+export const SelectedPersona = styled<ISelectedPersonaProps<any>, ISelectedPersonaStyleProps, ISelectedPersonaStyles>(
+  SelectedPersonaInner,
+  getStyles,
+  undefined,
+  {
+    scope: 'SelectedPersona'
+  }
+) as typeof SelectedPersonaInner;
diff --git a/packages/experiments/src/slots/examples/Slots.Content.Example.tsx b/packages/experiments/src/slots/examples/Slots.Content.Example.tsx
index 421c61ef811b12..1a7f1325558b82 100644
--- a/packages/experiments/src/slots/examples/Slots.Content.Example.tsx
+++ b/packages/experiments/src/slots/examples/Slots.Content.Example.tsx
@@ -14,7 +14,7 @@ export class SlotsContentExample extends React.Component<{}, {}> {
           <p>Content: Integer</p>
         </Button>
         <Button content="Content: String" />
-        <Button content={{ weight: 'bold', children: 'Content: Props, weight: bold' }} />
+        <Button content={{ children: 'Content: Props' }} />
         <Button slots={{ content: { render: () => <Spinner /> } }}>
           <p>Content: Function, Spinner</p>
         </Button>
diff --git a/packages/foundation/src/slots.tsx b/packages/foundation/src/slots.tsx
index df49a38d719dee..9e04800eec4fdb 100644
--- a/packages/foundation/src/slots.tsx
+++ b/packages/foundation/src/slots.tsx
@@ -217,7 +217,8 @@ function _renderSlot<
   if (ComponentType.create !== undefined) {
     return ComponentType.create(componentProps, userProps, slotOptions, defaultStyles);
   } else {
-    return (defaultFactory(ComponentType) as ISlotFactory<TSlotProps, TSlotShorthand>)(
+    // TODO: need to resolve typing / generic issues passing through memoizeFunction. for now, cast to 'unknown'
+    return ((defaultFactory(ComponentType) as unknown) as ISlotFactory<TSlotProps, TSlotShorthand>)(
       componentProps,
       userProps,
       slotOptions,
diff --git a/packages/merge-styles/etc/merge-styles.api.md b/packages/merge-styles/etc/merge-styles.api.md
index 6af4d110665cc8..3c00366d972d55 100644
--- a/packages/merge-styles/etc/merge-styles.api.md
+++ b/packages/merge-styles/etc/merge-styles.api.md
@@ -73,7 +73,7 @@ export type IProcessedStyleSet<TStyleSet extends IStyleSet<TStyleSet>> = {
     [P in keyof Omit<TStyleSet, 'subComponentStyles'>]: string;
 } & {
     subComponentStyles: {
-        [P in keyof TStyleSet['subComponentStyles']]: __MapToFunctionType<TStyleSet['subComponentStyles'][P]>;
+        [P in keyof TStyleSet['subComponentStyles']]: __MapToFunctionType<TStyleSet['subComponentStyles'] extends infer J ? (P extends keyof J ? J[P] : never) : never>;
     };
 };
 
diff --git a/packages/merge-styles/src/IStyleSet.ts b/packages/merge-styles/src/IStyleSet.ts
index 246b7fd1f07598..44c4dedfe2a9e8 100644
--- a/packages/merge-styles/src/IStyleSet.ts
+++ b/packages/merge-styles/src/IStyleSet.ts
@@ -37,5 +37,9 @@ export type IConcatenatedStyleSet<TStyleSet extends IStyleSet<TStyleSet>> = {
  * into a class name. Additionally, all subComponentStyles are style functions.
  */
 export type IProcessedStyleSet<TStyleSet extends IStyleSet<TStyleSet>> = { [P in keyof Omit<TStyleSet, 'subComponentStyles'>]: string } & {
-  subComponentStyles: { [P in keyof TStyleSet['subComponentStyles']]: __MapToFunctionType<TStyleSet['subComponentStyles'][P]> };
+  subComponentStyles: {
+    [P in keyof TStyleSet['subComponentStyles']]: __MapToFunctionType<
+      TStyleSet['subComponentStyles'] extends infer J ? (P extends keyof J ? J[P] : never) : never
+    >
+  };
 };
diff --git a/packages/migration/package.json b/packages/migration/package.json
index b2465f296633e6..4fe3815ecc6c26 100644
--- a/packages/migration/package.json
+++ b/packages/migration/package.json
@@ -37,6 +37,6 @@
     "semver": "^5.6.0",
     "tslib": "^1.7.1",
     "riceburn": "^1.3.0",
-    "typescript": "3.3.3"
+    "typescript": "3.5.1"
   }
 }
diff --git a/packages/office-ui-fabric-react/etc/office-ui-fabric-react.api.md b/packages/office-ui-fabric-react/etc/office-ui-fabric-react.api.md
index 0a23b732cc50fe..375e42f8ee4768 100644
--- a/packages/office-ui-fabric-react/etc/office-ui-fabric-react.api.md
+++ b/packages/office-ui-fabric-react/etc/office-ui-fabric-react.api.md
@@ -7229,7 +7229,7 @@ export interface ISuggestionsProps<T> extends React.Props<any> {
     searchingText?: string;
     showForceResolve?: () => boolean;
     showRemoveButtons?: boolean;
-    styles?: IStyleFunctionOrObject<{}, {}>;
+    styles?: IStyleFunctionOrObject<any, any>;
     suggestions: ISuggestionModel<T>[];
     suggestionsAvailableAlertText?: string;
     suggestionsClassName?: string;
diff --git a/packages/office-ui-fabric-react/src/components/Autofill/Autofill.tsx b/packages/office-ui-fabric-react/src/components/Autofill/Autofill.tsx
index e64091a2c072db..962217e9225704 100644
--- a/packages/office-ui-fabric-react/src/components/Autofill/Autofill.tsx
+++ b/packages/office-ui-fabric-react/src/components/Autofill/Autofill.tsx
@@ -111,7 +111,7 @@ export class Autofill extends BaseComponent<IAutofillProps, IAutofillState> impl
   public render(): JSX.Element {
     const { displayValue } = this.state;
 
-    const nativeProps = getNativeProps(this.props, inputProperties);
+    const nativeProps = getNativeProps<React.InputHTMLAttributes<HTMLInputElement>>(this.props, inputProperties);
     return (
       <input
         {...nativeProps}
diff --git a/packages/office-ui-fabric-react/src/components/Breadcrumb/Breadcrumb.base.tsx b/packages/office-ui-fabric-react/src/components/Breadcrumb/Breadcrumb.base.tsx
index f12648ef2d39a7..e3784485771e49 100644
--- a/packages/office-ui-fabric-react/src/components/Breadcrumb/Breadcrumb.base.tsx
+++ b/packages/office-ui-fabric-react/src/components/Breadcrumb/Breadcrumb.base.tsx
@@ -141,7 +141,7 @@ export class BreadcrumbBase extends BaseComponent<IBreadcrumbProps, any> {
       );
     }
 
-    const nativeProps = getNativeProps(this.props, htmlElementProperties, ['className']);
+    const nativeProps = getNativeProps<React.HTMLAttributes<HTMLDivElement>>(this.props, htmlElementProperties, ['className']);
 
     return (
       <div className={this._classNames.root} role="navigation" aria-label={ariaLabel} {...nativeProps}>
diff --git a/packages/office-ui-fabric-react/src/components/Button/BaseButton.tsx b/packages/office-ui-fabric-react/src/components/Button/BaseButton.tsx
index 01635b055ae41e..a480a911b99452 100644
--- a/packages/office-ui-fabric-react/src/components/Button/BaseButton.tsx
+++ b/packages/office-ui-fabric-react/src/components/Button/BaseButton.tsx
@@ -495,7 +495,7 @@ export class BaseButton extends BaseComponent<IBaseButtonProps, IBaseButtonState
       };
     }
 
-    const containerProps = getNativeProps(buttonProps, [], ['disabled']);
+    const containerProps = getNativeProps<React.HTMLAttributes<HTMLDivElement>>(buttonProps, [], ['disabled']);
 
     const SplitButton = (keytipAttributes?: any): JSX.Element => (
       <div
diff --git a/packages/office-ui-fabric-react/src/components/Button/Button.test.tsx b/packages/office-ui-fabric-react/src/components/Button/Button.test.tsx
index b38d8160ef6ab7..d5260d3edcb683 100644
--- a/packages/office-ui-fabric-react/src/components/Button/Button.test.tsx
+++ b/packages/office-ui-fabric-react/src/components/Button/Button.test.tsx
@@ -632,7 +632,7 @@ describe('Button', () => {
         didClick = false;
       });
 
-      function buildRenderButtonWithMenu(callbackMock?: jest.Mock<{}>, persistMenu?: boolean): HTMLElement {
+      function buildRenderButtonWithMenu(callbackMock?: jest.Mock<unknown>, persistMenu?: boolean): HTMLElement {
         const renderedDOM: HTMLElement = renderIntoDocument(
           <DefaultButton
             data-automation-id="test"
diff --git a/packages/office-ui-fabric-react/src/components/Calendar/Calendar.tsx b/packages/office-ui-fabric-react/src/components/Calendar/Calendar.tsx
index eb3b7356276ede..44d6345bf3dde1 100644
--- a/packages/office-ui-fabric-react/src/components/Calendar/Calendar.tsx
+++ b/packages/office-ui-fabric-react/src/components/Calendar/Calendar.tsx
@@ -138,7 +138,7 @@ export class Calendar extends BaseComponent<ICalendarProps, ICalendarState> impl
       yearPickerHidden,
       today
     } = this.props;
-    const nativeProps = getNativeProps(this.props, divProperties, ['value']);
+    const nativeProps = getNativeProps<React.HTMLAttributes<HTMLDivElement>>(this.props, divProperties, ['value']);
 
     const { selectedDate, navigatedDayDate, navigatedMonthDate, isMonthPickerVisible, isDayPickerVisible } = this.state;
     const onHeaderSelect = showMonthPickerAsOverlay ? this._onHeaderSelect : undefined;
diff --git a/packages/office-ui-fabric-react/src/components/ChoiceGroup/ChoiceGroup.base.tsx b/packages/office-ui-fabric-react/src/components/ChoiceGroup/ChoiceGroup.base.tsx
index 65c11cdd24f34b..9f488957e1c964 100644
--- a/packages/office-ui-fabric-react/src/components/ChoiceGroup/ChoiceGroup.base.tsx
+++ b/packages/office-ui-fabric-react/src/components/ChoiceGroup/ChoiceGroup.base.tsx
@@ -85,7 +85,7 @@ export class ChoiceGroupBase extends React.Component<IChoiceGroupProps, IChoiceG
     const { className, theme, styles, options, label, required, disabled, name, role } = this.props;
     const { keyChecked, keyFocused } = this.state;
 
-    const divProps = getNativeProps(this.props, divProperties, ['onChange', 'className', 'required']);
+    const divProps = getNativeProps<React.HTMLAttributes<HTMLDivElement>>(this.props, divProperties, ['onChange', 'className', 'required']);
 
     const classNames = getClassNames(styles!, {
       theme: theme!,
diff --git a/packages/office-ui-fabric-react/src/components/ComboBox/ComboBox.tsx b/packages/office-ui-fabric-react/src/components/ComboBox/ComboBox.tsx
index eed48b154ab07a..849c680a5d9ca3 100644
--- a/packages/office-ui-fabric-react/src/components/ComboBox/ComboBox.tsx
+++ b/packages/office-ui-fabric-react/src/components/ComboBox/ComboBox.tsx
@@ -332,7 +332,7 @@ export class ComboBox extends BaseComponent<IComboBoxProps, IComboBoxState> {
     const { isOpen, focused, suggestedDisplayValue } = this.state;
     this._currentVisibleValue = this._getVisibleValue();
 
-    const divProps = getNativeProps(this.props, divProperties, ['onChange', 'value']);
+    const divProps = getNativeProps<React.HTMLAttributes<HTMLDivElement>>(this.props, divProperties, ['onChange', 'value']);
 
     const hasErrorMessage = errorMessage && errorMessage.length > 0 ? true : false;
 
diff --git a/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenu.base.tsx b/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenu.base.tsx
index cb448364215263..b55035a1e65fcb 100644
--- a/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenu.base.tsx
+++ b/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenu.base.tsx
@@ -610,7 +610,7 @@ export class ContextualMenuBase extends BaseComponent<IContextualMenuProps, ICon
   ): React.ReactNode {
     const { contextualMenuItemAs: ChildrenRenderer = ContextualMenuItem } = this.props;
     const { itemProps } = item;
-    const divHtmlProperties = itemProps && getNativeProps(itemProps, divProperties);
+    const divHtmlProperties = itemProps && getNativeProps<React.HTMLAttributes<HTMLDivElement>>(itemProps, divProperties);
     return (
       <div className={this._classNames.header} {...divHtmlProperties} style={item.style}>
         <ChildrenRenderer
diff --git a/packages/office-ui-fabric-react/src/components/DatePicker/DatePicker.base.tsx b/packages/office-ui-fabric-react/src/components/DatePicker/DatePicker.base.tsx
index 939b3fcb3b08db..b9ce72cc5357ec 100644
--- a/packages/office-ui-fabric-react/src/components/DatePicker/DatePicker.base.tsx
+++ b/packages/office-ui-fabric-react/src/components/DatePicker/DatePicker.base.tsx
@@ -174,7 +174,7 @@ export class DatePickerBase extends BaseComponent<IDatePickerProps, IDatePickerS
     });
 
     const calloutId = getId('DatePicker-Callout');
-    const nativeProps = getNativeProps(this.props, divProperties, ['value']);
+    const nativeProps = getNativeProps<React.HTMLAttributes<HTMLDivElement>>(this.props, divProperties, ['value']);
     const iconProps = textFieldProps && textFieldProps.iconProps;
 
     return (
diff --git a/packages/office-ui-fabric-react/src/components/DetailsList/DetailsHeader.test.tsx b/packages/office-ui-fabric-react/src/components/DetailsList/DetailsHeader.test.tsx
index d37d03f388c54b..fea1bf3a6a8071 100644
--- a/packages/office-ui-fabric-react/src/components/DetailsList/DetailsHeader.test.tsx
+++ b/packages/office-ui-fabric-react/src/components/DetailsList/DetailsHeader.test.tsx
@@ -214,14 +214,12 @@ const columns1: IColumn[] = [
 ];
 
 const _columnReorderProps = {
-  frozenColumnCountFromStart: 1,
-  handleColumnReorder: this._dummyFunction
+  frozenColumnCountFromStart: 1
 };
 
 const _columnReorderProps2 = {
   frozenColumnCountFromStart: 1,
-  frozenColumnCountFromEnd: 1,
-  handleColumnReorder: this._dummyFunction
+  frozenColumnCountFromEnd: 1
 };
 
 _selection.setItems(_items);
diff --git a/packages/office-ui-fabric-react/src/components/DocumentCard/DocumentCard.base.tsx b/packages/office-ui-fabric-react/src/components/DocumentCard/DocumentCard.base.tsx
index 132b2b65921503..d0f988e0b73c9a 100644
--- a/packages/office-ui-fabric-react/src/components/DocumentCard/DocumentCard.base.tsx
+++ b/packages/office-ui-fabric-react/src/components/DocumentCard/DocumentCard.base.tsx
@@ -26,7 +26,12 @@ export class DocumentCardBase extends BaseComponent<IDocumentCardProps, any> imp
 
   public render(): JSX.Element {
     const { onClick, onClickHref, children, type, accentColor, styles, theme, className } = this.props;
-    const nativeProps = getNativeProps(this.props, divProperties, ['className', 'onClick', 'type', 'role']);
+    const nativeProps = getNativeProps<React.HTMLAttributes<HTMLDivElement>>(this.props, divProperties, [
+      'className',
+      'onClick',
+      'type',
+      'role'
+    ]);
     const actionable = onClick || onClickHref ? true : false;
 
     this._classNames = getClassNames(styles!, {
diff --git a/packages/office-ui-fabric-react/src/components/Fabric/Fabric.base.tsx b/packages/office-ui-fabric-react/src/components/Fabric/Fabric.base.tsx
index ca7996d02214a0..fd887ddbdd3934 100644
--- a/packages/office-ui-fabric-react/src/components/Fabric/Fabric.base.tsx
+++ b/packages/office-ui-fabric-react/src/components/Fabric/Fabric.base.tsx
@@ -10,7 +10,7 @@ export class FabricBase extends React.Component<
   {
     isFocusVisible: boolean;
   }
-> {
+  > {
   private _rootElement = React.createRef<HTMLDivElement>();
   private _disposables: (() => void)[] = [];
 
@@ -24,7 +24,7 @@ export class FabricBase extends React.Component<
       ...(this.props as IFabricStyleProps),
       ...this.state
     });
-    const divProps = getNativeProps(this.props, divProperties);
+    const divProps = getNativeProps<React.HTMLAttributes<HTMLDivElement>>(this.props, divProperties);
 
     return <div {...divProps} className={classNames.root} ref={this._rootElement} />;
   }
diff --git a/packages/office-ui-fabric-react/src/components/FocusTrapZone/FocusTrapZone.tsx b/packages/office-ui-fabric-react/src/components/FocusTrapZone/FocusTrapZone.tsx
index 5ff5b485e9df50..c6d327809dffe0 100644
--- a/packages/office-ui-fabric-react/src/components/FocusTrapZone/FocusTrapZone.tsx
+++ b/packages/office-ui-fabric-react/src/components/FocusTrapZone/FocusTrapZone.tsx
@@ -74,7 +74,7 @@ export class FocusTrapZone extends React.Component<IFocusTrapZoneProps, {}> impl
 
   public render(): JSX.Element {
     const { className, disabled = false, ariaLabelledBy } = this.props;
-    const divProps = getNativeProps(this.props, divProperties);
+    const divProps = getNativeProps<React.HTMLAttributes<HTMLDivElement>>(this.props, divProperties);
 
     const bumperProps = {
       style: {
diff --git a/packages/office-ui-fabric-react/src/components/HoverCard/HoverCard.base.tsx b/packages/office-ui-fabric-react/src/components/HoverCard/HoverCard.base.tsx
index 106a036eefd3df..a873dd1cd2e1ac 100644
--- a/packages/office-ui-fabric-react/src/components/HoverCard/HoverCard.base.tsx
+++ b/packages/office-ui-fabric-react/src/components/HoverCard/HoverCard.base.tsx
@@ -120,7 +120,7 @@ export class HoverCardBase extends BaseComponent<IHoverCardProps, IHoverCardStat
 
     // Common props for both card types.
     const commonCardProps = {
-      ...getNativeProps(this.props, divProperties),
+      ...getNativeProps<React.HTMLAttributes<HTMLDivElement>>(this.props, divProperties),
       id: hoverCardId,
       trapFocus: !!trapFocus,
       firstFocus: setInitialFocus || openMode === OpenCardMode.hotKey,
diff --git a/packages/office-ui-fabric-react/src/components/Icon/Icon.base.tsx b/packages/office-ui-fabric-react/src/components/Icon/Icon.base.tsx
index c1806c6568ec68..1801b747ddfdbd 100644
--- a/packages/office-ui-fabric-react/src/components/Icon/Icon.base.tsx
+++ b/packages/office-ui-fabric-react/src/components/Icon/Icon.base.tsx
@@ -43,7 +43,7 @@ export class IconBase extends React.Component<IIconProps, IIconState> {
         };
 
     const RootType = isImage ? 'div' : 'i';
-    const nativeProps = getNativeProps(this.props, htmlElementProperties);
+    const nativeProps = getNativeProps<React.HTMLAttributes<HTMLDivElement>>(this.props, htmlElementProperties);
     const { imageLoadError } = this.state;
     const imageProps = {
       ...this.props.imageProps,
diff --git a/packages/office-ui-fabric-react/src/components/Image/Image.base.tsx b/packages/office-ui-fabric-react/src/components/Image/Image.base.tsx
index 0bca5ae38b81f3..59ab888f693828 100644
--- a/packages/office-ui-fabric-react/src/components/Image/Image.base.tsx
+++ b/packages/office-ui-fabric-react/src/components/Image/Image.base.tsx
@@ -50,7 +50,7 @@ export class ImageBase extends React.Component<IImageProps, IImageState> {
   }
 
   public render(): JSX.Element {
-    const imageProps = getNativeProps(this.props, imageProperties, ['width', 'height']);
+    const imageProps = getNativeProps<React.ImgHTMLAttributes<HTMLImageElement>>(this.props, imageProperties, ['width', 'height']);
     const {
       src,
       alt,
diff --git a/packages/office-ui-fabric-react/src/components/List/List.tsx b/packages/office-ui-fabric-react/src/components/List/List.tsx
index c7fc52c1037854..91aae73e86a46c 100644
--- a/packages/office-ui-fabric-react/src/components/List/List.tsx
+++ b/packages/office-ui-fabric-react/src/components/List/List.tsx
@@ -362,7 +362,7 @@ export class List<T = any> extends BaseComponent<IListProps<T>, IListState<T>> i
     const { className, role = 'list' } = this.props;
     const { pages = [] } = this.state;
     const pageElements: JSX.Element[] = [];
-    const divProps = getNativeProps(this.props, divProperties);
+    const divProps = getNativeProps<React.HTMLAttributes<HTMLSpanElement>>(this.props, divProperties);
 
     for (const page of pages) {
       pageElements.push(this._renderPage(page));
diff --git a/packages/office-ui-fabric-react/src/components/MarqueeSelection/MarqueeSelection.tsx b/packages/office-ui-fabric-react/src/components/MarqueeSelection/MarqueeSelection.tsx
index 9e330ee2471c32..7dca40ea4abddc 100644
--- a/packages/office-ui-fabric-react/src/components/MarqueeSelection/MarqueeSelection.tsx
+++ b/packages/office-ui-fabric-react/src/components/MarqueeSelection/MarqueeSelection.tsx
@@ -1,8 +1,11 @@
 import { styled } from '../../Utilities';
 import { MarqueeSelectionBase } from './MarqueeSelection.base';
 import { getStyles } from './MarqueeSelection.styles';
-import { IMarqueeSelectionProps } from './MarqueeSelection.types';
+import { IMarqueeSelectionProps, IMarqueeSelectionStyleProps, IMarqueeSelectionStyles } from './MarqueeSelection.types';
 
-export const MarqueeSelection: React.StatelessComponent<IMarqueeSelectionProps> = styled(MarqueeSelectionBase, getStyles, undefined, {
-  scope: 'MarqueeSelection'
-});
+export const MarqueeSelection: React.StatelessComponent<IMarqueeSelectionProps> =
+  // TODO: MarqueeSelectionBase defaultProps are not lining up with IMarqueeSelectionProps, so we have to be explicit with styled here.
+  // defaultProps.rootTagName doesn't appear to be used anywhere and defaultProps.rootProps is not in IMarqueeSelectionProps.
+  styled<IMarqueeSelectionProps, IMarqueeSelectionStyleProps, IMarqueeSelectionStyles>(MarqueeSelectionBase, getStyles, undefined, {
+    scope: 'MarqueeSelection'
+  });
diff --git a/packages/office-ui-fabric-react/src/components/MessageBar/MessageBar.base.tsx b/packages/office-ui-fabric-react/src/components/MessageBar/MessageBar.base.tsx
index 0e81b1af514720..0406c648c30f37 100644
--- a/packages/office-ui-fabric-react/src/components/MessageBar/MessageBar.base.tsx
+++ b/packages/office-ui-fabric-react/src/components/MessageBar/MessageBar.base.tsx
@@ -139,7 +139,7 @@ export class MessageBarBase extends BaseComponent<IMessageBarProps, IMessageBarS
   }
 
   private _renderInnerText(): JSX.Element {
-    const nativeProps = getNativeProps(this.props, htmlElementProperties, ['className']);
+    const nativeProps = getNativeProps<React.HTMLAttributes<HTMLSpanElement>>(this.props, htmlElementProperties, ['className']);
 
     return (
       <div className={this._classNames.text} id={this.state.labelId}>
diff --git a/packages/office-ui-fabric-react/src/components/OverflowSet/OverflowSet.base.tsx b/packages/office-ui-fabric-react/src/components/OverflowSet/OverflowSet.base.tsx
index 1c447dc4a9f860..f4e0a3ee683550 100644
--- a/packages/office-ui-fabric-react/src/components/OverflowSet/OverflowSet.base.tsx
+++ b/packages/office-ui-fabric-react/src/components/OverflowSet/OverflowSet.base.tsx
@@ -42,13 +42,13 @@ export class OverflowSetBase extends BaseComponent<IOverflowSetProps, {}> implem
     if (doNotContainWithinFocusZone) {
       Tag = 'div';
       uniqueComponentProps = {
-        ...getNativeProps(this.props, divProperties),
+        ...getNativeProps<React.HTMLAttributes<HTMLDivElement>>(this.props, divProperties),
         ref: this._divContainer
       };
     } else {
       Tag = FocusZone;
       uniqueComponentProps = {
-        ...getNativeProps(this.props, divProperties),
+        ...getNativeProps<React.HTMLAttributes<HTMLDivElement>>(this.props, divProperties),
         ...focusZoneProps,
         componentRef: this._focusZone,
         direction: vertical ? FocusZoneDirection.vertical : FocusZoneDirection.horizontal
diff --git a/packages/office-ui-fabric-react/src/components/Overlay/Overlay.base.tsx b/packages/office-ui-fabric-react/src/components/Overlay/Overlay.base.tsx
index 4e35b2f7883c54..5c809c6f321e0b 100644
--- a/packages/office-ui-fabric-react/src/components/Overlay/Overlay.base.tsx
+++ b/packages/office-ui-fabric-react/src/components/Overlay/Overlay.base.tsx
@@ -16,7 +16,7 @@ export class OverlayBase extends BaseComponent<IOverlayProps, {}> {
   public render(): JSX.Element {
     const { isDarkThemed: isDark, className, theme, styles } = this.props;
 
-    const divProps = getNativeProps(this.props, divProperties);
+    const divProps = getNativeProps<React.HTMLAttributes<HTMLDivElement>>(this.props, divProperties);
 
     const classNames = getClassNames(styles!, {
       theme: theme!,
diff --git a/packages/office-ui-fabric-react/src/components/Panel/Panel.base.tsx b/packages/office-ui-fabric-react/src/components/Panel/Panel.base.tsx
index d6ac275799b528..c3afcb7edd9b04 100644
--- a/packages/office-ui-fabric-react/src/components/Panel/Panel.base.tsx
+++ b/packages/office-ui-fabric-react/src/components/Panel/Panel.base.tsx
@@ -139,7 +139,7 @@ export class PanelBase extends BaseComponent<IPanelProps, IPanelState> implement
     const isOnRightSide = isRTL ? isLeft : !isLeft;
     const headerTextId = headerText && id + '-headerText';
     const customWidthStyles = type === PanelType.custom || type === PanelType.customNear ? { width: customWidth } : {};
-    const nativeProps = getNativeProps(this.props, divProperties);
+    const nativeProps = getNativeProps<React.HTMLAttributes<HTMLDivElement>>(this.props, divProperties);
     const isOpen = this.isActive;
     const isAnimating = visibility === PanelVisibilityState.animatingClosed || visibility === PanelVisibilityState.animatingOpen;
 
diff --git a/packages/office-ui-fabric-react/src/components/Panel/examples/Panel.HandleDismissTarget.Example.tsx b/packages/office-ui-fabric-react/src/components/Panel/examples/Panel.HandleDismissTarget.Example.tsx
index bc8a75e9e4b0e5..47cbec0ee23f27 100644
--- a/packages/office-ui-fabric-react/src/components/Panel/examples/Panel.HandleDismissTarget.Example.tsx
+++ b/packages/office-ui-fabric-react/src/components/Panel/examples/Panel.HandleDismissTarget.Example.tsx
@@ -52,10 +52,10 @@ export class PanelHandleDismissTargetExample extends React.Component<{}, IPanelH
     }
 
     console.log('Close button clicked or light dismissed.');
-    if (ev.nativeEvent.srcElement && ev.nativeEvent.srcElement.className.indexOf('ms-Button-icon') !== -1) {
+    if (ev.nativeEvent.srcElement && (ev.nativeEvent.srcElement as Element).className.indexOf('ms-Button-icon') !== -1) {
       console.log('Close button clicked.');
     }
-    if (ev.nativeEvent.srcElement && ev.nativeEvent.srcElement.className.indexOf('ms-Overlay') !== -1) {
+    if (ev.nativeEvent.srcElement && (ev.nativeEvent.srcElement as Element).className.indexOf('ms-Overlay') !== -1) {
       console.log('Light dismissed.');
     }
     this._hidePanel();
diff --git a/packages/office-ui-fabric-react/src/components/Persona/Persona.base.tsx b/packages/office-ui-fabric-react/src/components/Persona/Persona.base.tsx
index 43d50d3af549c2..ac0b441f90c03a 100644
--- a/packages/office-ui-fabric-react/src/components/Persona/Persona.base.tsx
+++ b/packages/office-ui-fabric-react/src/components/Persona/Persona.base.tsx
@@ -97,7 +97,7 @@ export class PersonaBase extends BaseComponent<IPersonaProps, {}> {
       size
     });
 
-    const divProps = getNativeProps(this.props, divProperties);
+    const divProps = getNativeProps<React.HTMLAttributes<HTMLDivElement>>(this.props, divProperties);
     const personaDetails = (
       <div className={classNames.details}>
         {this._renderElement(classNames.primaryText, onRenderPrimaryText, _onRenderPrimaryText)}
diff --git a/packages/office-ui-fabric-react/src/components/Persona/PersonaCoin/PersonaCoin.base.tsx b/packages/office-ui-fabric-react/src/components/Persona/PersonaCoin/PersonaCoin.base.tsx
index 8979a9fd253cd9..4b189dabf0c024 100644
--- a/packages/office-ui-fabric-react/src/components/Persona/PersonaCoin/PersonaCoin.base.tsx
+++ b/packages/office-ui-fabric-react/src/components/Persona/PersonaCoin/PersonaCoin.base.tsx
@@ -69,8 +69,8 @@ export class PersonaCoinBase extends BaseComponent<IPersonaCoinProps, IPersonaSt
     } = this.props;
 
     const size = this.props.size as PersonaSize;
-    const divProps = getNativeProps(this.props, divProperties);
-    const divCoinProps = getNativeProps(coinProps || {}, divProperties);
+    const divProps = getNativeProps<React.HTMLAttributes<HTMLDivElement>>(this.props, divProperties);
+    const divCoinProps = getNativeProps<React.HTMLAttributes<HTMLDivElement>>(coinProps || {}, divProperties);
     const coinSizeStyle = coinSize ? { width: coinSize, height: coinSize } : undefined;
     const hideImage = showUnknownPersonaCoin;
 
diff --git a/packages/office-ui-fabric-react/src/components/Pivot/Pivot.base.tsx b/packages/office-ui-fabric-react/src/components/Pivot/Pivot.base.tsx
index c8733260543f35..d6bb81c62088ec 100644
--- a/packages/office-ui-fabric-react/src/components/Pivot/Pivot.base.tsx
+++ b/packages/office-ui-fabric-react/src/components/Pivot/Pivot.base.tsx
@@ -84,7 +84,7 @@ export class PivotBase extends BaseComponent<IPivotProps, IPivotState> {
     const linkCollection = this._getPivotLinks(this.props);
     const selectedKey = this._getSelectedKey(linkCollection);
 
-    const divProps = getNativeProps(this.props, divProperties);
+    const divProps = getNativeProps<React.HTMLAttributes<HTMLDivElement>>(this.props, divProperties);
 
     this._classNames = this._getClassNames(this.props);
 
diff --git a/packages/office-ui-fabric-react/src/components/ResizeGroup/ResizeGroup.base.tsx b/packages/office-ui-fabric-react/src/components/ResizeGroup/ResizeGroup.base.tsx
index c050ca54692a9c..1724326a912791 100644
--- a/packages/office-ui-fabric-react/src/components/ResizeGroup/ResizeGroup.base.tsx
+++ b/packages/office-ui-fabric-react/src/components/ResizeGroup/ResizeGroup.base.tsx
@@ -326,7 +326,7 @@ export class ResizeGroupBase extends BaseComponent<IResizeGroupProps, IResizeGro
   public render(): JSX.Element {
     const { className, onRenderData } = this.props;
     const { dataToMeasure, renderedData } = this.state;
-    const divProps = getNativeProps(this.props, divProperties, ['data']);
+    const divProps = getNativeProps<React.HTMLAttributes<HTMLDivElement>>(this.props, divProperties, ['data']);
 
     const dataNeedsMeasuring = this._nextResizeGroupStateProvider.shouldRenderDataForMeasurement(dataToMeasure);
 
diff --git a/packages/office-ui-fabric-react/src/components/SearchBox/SearchBox.base.tsx b/packages/office-ui-fabric-react/src/components/SearchBox/SearchBox.base.tsx
index c574fbecafeb15..3e844d4b3713c9 100644
--- a/packages/office-ui-fabric-react/src/components/SearchBox/SearchBox.base.tsx
+++ b/packages/office-ui-fabric-react/src/components/SearchBox/SearchBox.base.tsx
@@ -78,7 +78,14 @@ export class SearchBoxBase extends BaseComponent<ISearchBoxProps, ISearchBoxStat
       disableAnimation
     });
 
-    const nativeProps = getNativeProps(this.props, inputProperties, ['id', 'className', 'placeholder', 'onFocus', 'onBlur', 'value']);
+    const nativeProps = getNativeProps<React.InputHTMLAttributes<HTMLInputElement>>(this.props, inputProperties, [
+      'id',
+      'className',
+      'placeholder',
+      'onFocus',
+      'onBlur',
+      'value'
+    ]);
 
     return (
       <div ref={this._rootElement} className={classNames.root} onFocusCapture={this._onFocusCapture}>
diff --git a/packages/office-ui-fabric-react/src/components/SelectedItemsList/SelectedPeopleList/Items/EditingItem.tsx b/packages/office-ui-fabric-react/src/components/SelectedItemsList/SelectedPeopleList/Items/EditingItem.tsx
index 3e1c7eaf556fb4..2e3a3a81051ea1 100644
--- a/packages/office-ui-fabric-react/src/components/SelectedItemsList/SelectedPeopleList/Items/EditingItem.tsx
+++ b/packages/office-ui-fabric-react/src/components/SelectedItemsList/SelectedPeopleList/Items/EditingItem.tsx
@@ -41,7 +41,7 @@ export class EditingItem extends BaseComponent<IEditingSelectedPeopleItemProps,
 
   public render(): JSX.Element {
     const itemId = getId();
-    const nativeProps = getNativeProps(this.props, inputProperties);
+    const nativeProps = getNativeProps<React.InputHTMLAttributes<HTMLInputElement>>(this.props, inputProperties);
     return (
       <div aria-labelledby={'editingItemPersona-' + itemId} className={css('ms-EditingItem', styles.editingContainer)}>
         <input
diff --git a/packages/office-ui-fabric-react/src/components/Shimmer/Shimmer.base.tsx b/packages/office-ui-fabric-react/src/components/Shimmer/Shimmer.base.tsx
index a2b3090b8a1e0b..73de82ca816a46 100644
--- a/packages/office-ui-fabric-react/src/components/Shimmer/Shimmer.base.tsx
+++ b/packages/office-ui-fabric-react/src/components/Shimmer/Shimmer.base.tsx
@@ -79,7 +79,7 @@ export class ShimmerBase extends BaseComponent<IShimmerProps, IShimmerState> {
       shimmerWaveColor: shimmerColors && shimmerColors.shimmerWave
     });
 
-    const divProps = getNativeProps(this.props, divProperties);
+    const divProps = getNativeProps<React.HTMLAttributes<HTMLDivElement>>(this.props, divProperties);
 
     return (
       <div {...divProps} className={this._classNames.root}>
diff --git a/packages/office-ui-fabric-react/src/components/Slider/Slider.base.tsx b/packages/office-ui-fabric-react/src/components/Slider/Slider.base.tsx
index e24da430cca1a9..052e2f00228700 100644
--- a/packages/office-ui-fabric-react/src/components/Slider/Slider.base.tsx
+++ b/packages/office-ui-fabric-react/src/components/Slider/Slider.base.tsx
@@ -75,7 +75,7 @@ export class SliderBase extends BaseComponent<ISliderProps, ISliderState> implem
       showValue,
       theme: theme!
     });
-    const divButtonProps = buttonProps ? getNativeProps(buttonProps, divProperties) : undefined;
+    const divButtonProps = buttonProps ? getNativeProps<React.HTMLAttributes<HTMLDivElement>>(buttonProps, divProperties) : undefined;
 
     return (
       <div className={classNames.root}>
diff --git a/packages/office-ui-fabric-react/src/components/Spinner/Spinner.base.tsx b/packages/office-ui-fabric-react/src/components/Spinner/Spinner.base.tsx
index 1c9fa578d19a21..5d4e13f538dd01 100644
--- a/packages/office-ui-fabric-react/src/components/Spinner/Spinner.base.tsx
+++ b/packages/office-ui-fabric-react/src/components/Spinner/Spinner.base.tsx
@@ -14,7 +14,7 @@ export class SpinnerBase extends BaseComponent<ISpinnerProps, any> {
   public render() {
     const { type, size, ariaLabel, ariaLive, styles, label, theme, className, labelPosition } = this.props;
     const statusMessage = ariaLabel;
-    const nativeProps = getNativeProps(this.props, divProperties, ['size']);
+    const nativeProps = getNativeProps<React.HTMLAttributes<HTMLDivElement>>(this.props, divProperties, ['size']);
 
     // SpinnerType is deprecated. If someone is still using this property, rather than putting the SpinnerType into the ISpinnerStyleProps,
     // we'll map SpinnerType to its equivalent SpinnerSize and pass that in. Once SpinnerType finally goes away we should delete this.
diff --git a/packages/office-ui-fabric-react/src/components/Stack/Stack.tsx b/packages/office-ui-fabric-react/src/components/Stack/Stack.tsx
index 6d787e61382800..72ae4c28fbac4f 100644
--- a/packages/office-ui-fabric-react/src/components/Stack/Stack.tsx
+++ b/packages/office-ui-fabric-react/src/components/Stack/Stack.tsx
@@ -41,7 +41,7 @@ const StackView: IStackComponent['view'] = props => {
     }
   );
 
-  const nativeProps = getNativeProps(rest, htmlElementProperties);
+  const nativeProps = getNativeProps<React.HTMLAttributes<HTMLDivElement>>(rest, htmlElementProperties);
 
   const Slots = getSlots<IStackProps, IStackSlots>(props, {
     root: RootType,
diff --git a/packages/office-ui-fabric-react/src/components/TextField/TextField.base.tsx b/packages/office-ui-fabric-react/src/components/TextField/TextField.base.tsx
index 179ce7b175c78a..3c6970b97615ab 100644
--- a/packages/office-ui-fabric-react/src/components/TextField/TextField.base.tsx
+++ b/packages/office-ui-fabric-react/src/components/TextField/TextField.base.tsx
@@ -436,7 +436,9 @@ export class TextFieldBase extends React.Component<ITextFieldProps, ITextFieldSt
   }
 
   private _renderTextArea(): React.ReactElement<React.HTMLAttributes<HTMLAreaElement>> {
-    const textAreaProps = getNativeProps(this.props, textAreaProperties, ['defaultValue']);
+    const textAreaProps = getNativeProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>>(this.props, textAreaProperties, [
+      'defaultValue'
+    ]);
 
     return (
       <textarea
diff --git a/packages/office-ui-fabric-react/src/components/TextField/TextField.test.tsx b/packages/office-ui-fabric-react/src/components/TextField/TextField.test.tsx
index 74f3d6a2240cef..d8fd0f667a4c5f 100644
--- a/packages/office-ui-fabric-react/src/components/TextField/TextField.test.tsx
+++ b/packages/office-ui-fabric-react/src/components/TextField/TextField.test.tsx
@@ -647,8 +647,9 @@ describe('TextField', () => {
     const initialValue = 'initial value';
 
     const onSelect = () => {
-      const selectedText = window.getSelection().toString();
-      expect(selectedText).toEqual(initialValue);
+      const selectedText = window.getSelection();
+      expect(selectedText).toBeDefined();
+      expect(selectedText!.toString()).toEqual(initialValue);
     };
 
     renderIntoDocument(<TextField componentRef={textFieldRef} defaultValue={initialValue} onSelect={onSelect} />);
diff --git a/packages/office-ui-fabric-react/src/components/pickers/Suggestions/Suggestions.types.ts b/packages/office-ui-fabric-react/src/components/pickers/Suggestions/Suggestions.types.ts
index f2b1f04fb50c2b..a6c016bee50ab6 100644
--- a/packages/office-ui-fabric-react/src/components/pickers/Suggestions/Suggestions.types.ts
+++ b/packages/office-ui-fabric-react/src/components/pickers/Suggestions/Suggestions.types.ts
@@ -216,7 +216,7 @@ export interface ISuggestionsProps<T> extends React.Props<any> {
   suggestionsListId?: string;
 
   /** Call to provide customized styling that will layer on top of the variant rules. */
-  styles?: IStyleFunctionOrObject<{}, {}>;
+  styles?: IStyleFunctionOrObject<any, any>;
 
   /** Theme provided by High-Order Component. */
   theme?: ITheme;
diff --git a/packages/office-ui-fabric-react/src/utilities/grid/Grid.base.tsx b/packages/office-ui-fabric-react/src/utilities/grid/Grid.base.tsx
index 77664807e26362..e3f184fa7715dc 100644
--- a/packages/office-ui-fabric-react/src/utilities/grid/Grid.base.tsx
+++ b/packages/office-ui-fabric-react/src/utilities/grid/Grid.base.tsx
@@ -16,7 +16,9 @@ export class GridBase extends BaseComponent<IGridProps, {}> implements IGrid {
   public render(): JSX.Element {
     const { items, columnCount, onRenderItem, positionInSet, setSize, styles } = this.props;
 
-    const htmlProps = getNativeProps(this.props, htmlElementProperties, ['onBlur, aria-posinset, aria-setsize']);
+    const htmlProps = getNativeProps<React.HTMLAttributes<HTMLTableElement>>(this.props, htmlElementProperties, [
+      'onBlur, aria-posinset, aria-setsize'
+    ]);
 
     const classNames = getClassNames(styles!, { theme: this.props.theme! });
 
diff --git a/packages/react-cards/src/components/Card/Card.view.tsx b/packages/react-cards/src/components/Card/Card.view.tsx
index 74561ea269d0b5..6d8418f2482404 100644
--- a/packages/react-cards/src/components/Card/Card.view.tsx
+++ b/packages/react-cards/src/components/Card/Card.view.tsx
@@ -17,7 +17,7 @@ export const CardView: ICardComponent['view'] = props => {
 
   const { children, styles, tokens, compact, ...rest } = props;
 
-  const nativeProps = getNativeProps(rest, htmlElementProperties);
+  const nativeProps = getNativeProps<React.HTMLAttributes<HTMLDivElement>>(rest, htmlElementProperties);
 
   const CardItemType = (<CardItem /> as React.ReactElement<ICardItemProps>).type;
   const CardSectionType = (<CardSection /> as React.ReactElement<ICardSectionProps>).type;
diff --git a/packages/styling/etc/styling.api.md b/packages/styling/etc/styling.api.md
index 33f1bcefbac96d..2245624d81e5b5 100644
--- a/packages/styling/etc/styling.api.md
+++ b/packages/styling/etc/styling.api.md
@@ -33,7 +33,7 @@ export const AnimationStyles: IAnimationStyles;
 export const AnimationVariables: IAnimationVariables;
 
 // @public
-export function buildClassMap<T>(styles: T): {
+export function buildClassMap<T extends Object>(styles: T): {
     [key in keyof T]?: string;
 };
 
diff --git a/packages/styling/src/utilities/buildClassMap.ts b/packages/styling/src/utilities/buildClassMap.ts
index 115b6c9089d02b..f56d5d778dcc43 100644
--- a/packages/styling/src/utilities/buildClassMap.ts
+++ b/packages/styling/src/utilities/buildClassMap.ts
@@ -6,7 +6,7 @@ import { mergeStyles } from '../MergeStyles';
  * @param styles - Map of unprocessed styles.
  * @returns Map of property name to class name.
  */
-export function buildClassMap<T>(styles: T): { [key in keyof T]?: string } {
+export function buildClassMap<T extends Object>(styles: T): { [key in keyof T]?: string } {
   let classes: { [key in keyof T]?: string } = {};
 
   for (let styleName in styles) {
diff --git a/packages/styling/src/utilities/icons.ts b/packages/styling/src/utilities/icons.ts
index 085ade1f49a109..73f10284f6c6c7 100644
--- a/packages/styling/src/utilities/icons.ts
+++ b/packages/styling/src/utilities/icons.ts
@@ -109,7 +109,7 @@ export function registerIcons(iconSubset: IIconSubset, options?: Partial<IIconOp
         _iconSettings[normalizedIconName] = {
           code,
           subset
-        };
+        } as IIconRecord;
       }
     }
   }
diff --git a/packages/utilities/etc/utilities.api.md b/packages/utilities/etc/utilities.api.md
index 1348c8c7daaa5d..72a7827cd84d24 100644
--- a/packages/utilities/etc/utilities.api.md
+++ b/packages/utilities/etc/utilities.api.md
@@ -110,7 +110,7 @@ export const buttonProperties: string[];
 export function calculatePrecision(value: number | string): number;
 
 // @public
-export function classNamesFunction<TStyleProps extends {}, TStyleSet extends IStyleSet<TStyleSet>>(options?: IClassNamesFunctionOptions): (getStyles: IStyleFunctionOrObject<TStyleProps, TStyleSet> | undefined, styleProps?: TStyleProps) => IProcessedStyleSet<TStyleSet>;
+export function classNamesFunction<TStyleProps extends {}, TStyleSet extends IStyleSet<TStyleSet>>(options?: IClassNamesFunctionOptions): (getStyles: IStyleFunctionOrObject<TStyleProps, TStyleSet> | (IStyleFunctionOrObject<TStyleProps, TStyleSet> | undefined)[] | undefined, styleProps?: TStyleProps) => IProcessedStyleSet<TStyleSet>;
 
 // @public
 export function createArray<T>(size: number, getItem: (index: number) => T): T[];
@@ -363,7 +363,7 @@ export function hasVerticalOverflow(element: HTMLElement): boolean;
 export function hoistMethods(destination: any, source: any, exclusions?: string[]): string[];
 
 // @public
-export function hoistStatics<TSource, TDest>(source: TSource, dest: TDest): TDest;
+export function hoistStatics<TSource extends Object, TDest>(source: TSource, dest: TDest): TDest;
 
 // @public
 export const htmlElementProperties: string[];
diff --git a/packages/utilities/src/classNamesFunction.ts b/packages/utilities/src/classNamesFunction.ts
index 85c4cce455ba28..715147adc7f85a 100644
--- a/packages/utilities/src/classNamesFunction.ts
+++ b/packages/utilities/src/classNamesFunction.ts
@@ -15,7 +15,10 @@ export interface IClassNamesFunctionOptions {
  */
 export function classNamesFunction<TStyleProps extends {}, TStyleSet extends IStyleSet<TStyleSet>>(
   options: IClassNamesFunctionOptions = {}
-): (getStyles: IStyleFunctionOrObject<TStyleProps, TStyleSet> | undefined, styleProps?: TStyleProps) => IProcessedStyleSet<TStyleSet> {
+): (
+    getStyles: IStyleFunctionOrObject<TStyleProps, TStyleSet> | (IStyleFunctionOrObject<TStyleProps, TStyleSet> | undefined)[] | undefined,
+    styleProps?: TStyleProps
+  ) => IProcessedStyleSet<TStyleSet> {
   // TODO: memoize.
 
   const getClassNames = (
diff --git a/packages/utilities/src/hoistStatics.ts b/packages/utilities/src/hoistStatics.ts
index 9e840efb53fcef..3a8f425fc6366e 100644
--- a/packages/utilities/src/hoistStatics.ts
+++ b/packages/utilities/src/hoistStatics.ts
@@ -9,7 +9,7 @@
  * @returns The dest object with methods added
  */
 
-export function hoistStatics<TSource, TDest>(source: TSource, dest: TDest): TDest {
+export function hoistStatics<TSource extends Object, TDest>(source: TSource, dest: TDest): TDest {
   for (const name in source) {
     if (source.hasOwnProperty(name)) {
       // tslint:disable-next-line:no-any
diff --git a/packages/utilities/src/merge.ts b/packages/utilities/src/merge.ts
index a91bb41b499034..804e34d8a1081b 100644
--- a/packages/utilities/src/merge.ts
+++ b/packages/utilities/src/merge.ts
@@ -5,7 +5,7 @@
  */
 export function merge<T = {}>(target: Partial<T>, ...args: (Partial<T> | null | undefined | false)[]): T {
   for (const arg of args) {
-    _merge(target || {}, arg);
+    _merge(target || {}, arg as Partial<T>);
   }
 
   return target as T;
@@ -18,7 +18,7 @@ export function merge<T = {}>(target: Partial<T>, ...args: (Partial<T> | null |
  * the reference.
  */
 // tslint:disable-next-line:no-any
-function _merge<T>(target: T, source: T, circularReferences: any[] = []): T {
+function _merge<T extends Object>(target: T, source: T, circularReferences: any[] = []): T {
   circularReferences.push(source);
 
   for (let name in source) {
diff --git a/packages/utilities/src/properties.ts b/packages/utilities/src/properties.ts
index 4190f7ed38496e..18a7f442e52979 100644
--- a/packages/utilities/src/properties.ts
+++ b/packages/utilities/src/properties.ts
@@ -277,6 +277,10 @@ export const imageProperties = divProperties;
  * @returns The filtered props
  */
 export function getNativeProps<T>(props: {}, allowedPropNames: string[], excludedPropNames?: string[]): T {
+  // It'd be great to properly type this while allowing 'aria-` and 'data-' attributes like TypeScript does for JSX attributes,
+  // but that ability is hardcoded into the TS compiler with no analog in TypeScript typings.
+  // Then we'd be able to enforce props extends native props (including aria- and data- attributes), and then return native props.
+  // We should be able to do this once this PR is merged: https://github.com/microsoft/TypeScript/pull/26797
   return filteredAssign(
     (propName: string) => {
       return (
diff --git a/scripts/package.json b/scripts/package.json
index 7f1f7e53397889..91ac002fbb866d 100644
--- a/scripts/package.json
+++ b/scripts/package.json
@@ -60,11 +60,11 @@
     "source-map-loader": "^0.2.1",
     "style-loader": "^0.21.0",
     "ts-jest": "24.0.1",
-    "ttest": "2.0.0",
     "ts-loader": "^4.1.0",
     "tslint": "^5.7.0",
     "tslint-microsoft-contrib": "^5.0.1",
-    "typescript": "3.3.3",
+    "ttest": "2.0.0",
+    "typescript": "3.5.1",
     "webpack": "4.29.5",
     "webpack-bundle-analyzer": "^3.0.4",
     "webpack-cli": "3.2.3",