diff --git a/change/@fluentui-react-button-d97e005b-38ee-4edf-a440-01eafa33783f.json b/change/@fluentui-react-button-d97e005b-38ee-4edf-a440-01eafa33783f.json
new file mode 100644
index 00000000000000..8f54b9d3a44c7f
--- /dev/null
+++ b/change/@fluentui-react-button-d97e005b-38ee-4edf-a440-01eafa33783f.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "revert(react-button): remove vNext components used in SB  from devDeps that are stale",
+  "packageName": "@fluentui/react-button",
+  "email": "martinhochel@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/packages/react-button/package.json b/packages/react-button/package.json
index ff9af8f56de3c7..febb46f9991ee2 100644
--- a/packages/react-button/package.json
+++ b/packages/react-button/package.json
@@ -25,7 +25,6 @@
     "storybook": "start-storybook"
   },
   "devDependencies": {
-    "@fluentui/react-menu": "^9.0.0-alpha.68",
     "@fluentui/a11y-testing": "^0.1.0",
     "@fluentui/babel-make-styles": "^9.0.0-alpha.40",
     "@fluentui/eslint-plugin": "^1.4.1",
diff --git a/packages/react-button/src/MenuButton.stories.tsx b/packages/react-button/src/MenuButton.stories.tsx
index f0c18eab304e00..e8d9299cff1cb3 100644
--- a/packages/react-button/src/MenuButton.stories.tsx
+++ b/packages/react-button/src/MenuButton.stories.tsx
@@ -1,11 +1,14 @@
 import * as React from 'react';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-ignore
 import { Menu, MenuItem, MenuList, MenuTrigger } from '@fluentui/react-menu';
+// @ts-ignore
+import type { MenuProps } from '@fluentui/react-menu';
+/* eslint-enable @typescript-eslint/ban-ts-comment */
+
 import { MenuButton } from './MenuButton';
 import { Playground } from './Playground.stories';
 import { buttonBaseProps } from './buttonBaseProps.stories';
-import type { MenuProps } from '@fluentui/react-menu';
 import type { MenuButtonProps } from './MenuButton';
 import type { PlaygroundProps } from './Playground.types.stories';
 
diff --git a/packages/react-slider/.babelrc.json b/packages/react-slider/.babelrc.json
new file mode 100644
index 00000000000000..b51a5457ced106
--- /dev/null
+++ b/packages/react-slider/.babelrc.json
@@ -0,0 +1,3 @@
+{
+  "plugins": ["module:@fluentui/babel-make-styles", "annotate-pure-calls", "@babel/transform-react-pure-annotations"]
+}
diff --git a/packages/react-slider/.storybook/main.js b/packages/react-slider/.storybook/main.js
index f47245f2d07f01..18a60b265c2cfb 100644
--- a/packages/react-slider/.storybook/main.js
+++ b/packages/react-slider/.storybook/main.js
@@ -1,11 +1,14 @@
 const rootMain = require('../../../.storybook/main');
 
-module.exports = /** @type {Pick<import('../../../.storybook/main').StorybookConfig,'addons'|'stories'|'webpackFinal'>} */ ({
+module.exports = /** @type {Omit<import('../../../.storybook/main'), 'typescript'|'babel'>} */ ({
+  ...rootMain,
   stories: [...rootMain.stories, '../src/**/*.stories.mdx', '../src/**/*.stories.@(ts|tsx)'],
   addons: [...rootMain.addons],
   webpackFinal: (config, options) => {
     const localConfig = { ...rootMain.webpackFinal(config, options) };
 
+    // add your own webpack tweaks if needed
+
     return localConfig;
   },
 });
diff --git a/packages/react-slider/.storybook/preview.js b/packages/react-slider/.storybook/preview.js
index b52409294c3304..10fd98d02c9454 100644
--- a/packages/react-slider/.storybook/preview.js
+++ b/packages/react-slider/.storybook/preview.js
@@ -1,3 +1,7 @@
 import * as rootPreview from '../../../.storybook/preview';
 
+/** @type {typeof rootPreview.decorators} */
 export const decorators = [...rootPreview.decorators];
+
+/** @type {typeof rootPreview.parameters} */
+export const parameters = { ...rootPreview.parameters };
diff --git a/packages/react-slider/package.json b/packages/react-slider/package.json
index 6282c00caeef00..b152ec1b4dd09f 100644
--- a/packages/react-slider/package.json
+++ b/packages/react-slider/package.json
@@ -18,10 +18,11 @@
     "code-style": "just-scripts code-style",
     "just": "just-scripts",
     "lint": "just-scripts lint",
-    "start": "just-scripts dev:storybook",
-    "start-test": "just-scripts jest-watch",
-    "test": "just-scripts test",
-    "update-snapshots": "just-scripts jest -u"
+    "start": "yarn storybook",
+    "test": "jest",
+    "docs": "api-extractor run --config=config/api-extractor.local.json --local",
+    "build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/react-slider/src && yarn docs",
+    "storybook": "start-storybook"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "^1.4.1",
@@ -37,7 +38,8 @@
     "enzyme-adapter-react-16": "^1.15.0",
     "react": "16.8.6",
     "react-dom": "16.8.6",
-    "react-test-renderer": "^16.3.0"
+    "react-test-renderer": "^16.3.0",
+    "@fluentui/babel-make-styles": "^9.0.0-alpha.40"
   },
   "dependencies": {
     "@fluentui/react-make-styles": "^9.0.0-alpha.59",
diff --git a/packages/react-slider/tsconfig.json b/packages/react-slider/tsconfig.json
index 851c909e1eadf8..d07617f617b008 100644
--- a/packages/react-slider/tsconfig.json
+++ b/packages/react-slider/tsconfig.json
@@ -2,9 +2,9 @@
   "extends": "../../tsconfig.base.json",
   "include": ["src"],
   "compilerOptions": {
-    "target": "ES5",
+    "target": "ES2019",
     "module": "CommonJS",
-    "lib": ["es5", "dom"],
+    "lib": ["ES2019", "dom"],
     "outDir": "dist",
     "jsx": "react",
     "declaration": true,
@@ -12,7 +12,6 @@
     "importHelpers": true,
     "noUnusedLocals": true,
     "preserveConstEnums": true,
-    "types": ["jest", "custom-global", "inline-style-expand-shorthand"],
-    "isolatedModules": true
+    "types": ["jest", "custom-global", "inline-style-expand-shorthand", "storybook__addons"]
   }
 }