diff --git a/change/@fluentui-react-button-5898c7cd-0c90-417a-b8a4-b4323264e0d2.json b/change/@fluentui-react-button-5898c7cd-0c90-417a-b8a4-b4323264e0d2.json
new file mode 100644
index 0000000000000..bf3a301da10b5
--- /dev/null
+++ b/change/@fluentui-react-button-5898c7cd-0c90-417a-b8a4-b4323264e0d2.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Migration to new tsconfig",
+  "packageName": "@fluentui/react-button",
+  "email": "tkrasniqi@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/packages/react-button/.npmignore b/packages/react-button/.npmignore
index fa2d3a7f5111c..e719afb921bc9 100644
--- a/packages/react-button/.npmignore
+++ b/packages/react-button/.npmignore
@@ -1,4 +1,3 @@
-.cache/
 .storybook/
 .vscode/
 bundle-size/
diff --git a/packages/react-button/.storybook/main.js b/packages/react-button/.storybook/main.js
index ec377d98606fa..18a60b265c2cf 100644
--- a/packages/react-button/.storybook/main.js
+++ b/packages/react-button/.storybook/main.js
@@ -1,12 +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;
   },
-  previewHead: rootMain.previewHead,
 });
diff --git a/packages/react-button/.storybook/preview.js b/packages/react-button/.storybook/preview.js
index 75f5ad3840b32..10fd98d02c945 100644
--- a/packages/react-button/.storybook/preview.js
+++ b/packages/react-button/.storybook/preview.js
@@ -1,4 +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-button/.storybook/tsconfig.json b/packages/react-button/.storybook/tsconfig.json
index 3bd9adcd2ee05..29aa16f2f178f 100644
--- a/packages/react-button/.storybook/tsconfig.json
+++ b/packages/react-button/.storybook/tsconfig.json
@@ -1,9 +1,10 @@
 {
   "extends": "../tsconfig.json",
   "compilerOptions": {
+    "outDir": "",
     "allowJs": true,
-    "checkJs": true
+    "checkJs": true,
+    "types": ["static-assets", "environment", "inline-style-expand-shorthand", "storybook__addons"]
   },
-  "exclude": ["../**/*.test.ts", "../**/*.test.js", "../**/*.test.tsx", "../**/*.test.jsx"],
-  "include": ["../src/**/*", "*.js"]
+  "include": ["../src/**/*.stories.ts", "../src/**/*.stories.tsx", "*.js"]
 }
diff --git a/packages/react-button/config/api-extractor.json b/packages/react-button/config/api-extractor.json
index c8406ab42ca3c..f890ae360b7f7 100644
--- a/packages/react-button/config/api-extractor.json
+++ b/packages/react-button/config/api-extractor.json
@@ -1,3 +1,4 @@
 {
+  "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json",
   "extends": "@fluentui/scripts/api-extractor/api-extractor.common.json"
 }
diff --git a/packages/react-button/config/api-extractor.local.json b/packages/react-button/config/api-extractor.local.json
index c2ea401c1c368..7974a129e8a33 100644
--- a/packages/react-button/config/api-extractor.local.json
+++ b/packages/react-button/config/api-extractor.local.json
@@ -1,5 +1,5 @@
 {
   "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json",
   "extends": "./api-extractor.json",
-  "mainEntryPointFilePath": "<projectFolder>/dist/<unscopedPackageName>/src/index.d.ts"
+  "mainEntryPointFilePath": "<projectFolder>/dist/packages/<unscopedPackageName>/src/index.d.ts"
 }
diff --git a/packages/react-button/jest.config.js b/packages/react-button/jest.config.js
index 4a890cb7c1bc1..606741f3e7713 100644
--- a/packages/react-button/jest.config.js
+++ b/packages/react-button/jest.config.js
@@ -8,7 +8,7 @@ module.exports = {
   preset: '../../jest.preset.js',
   globals: {
     'ts-jest': {
-      tsConfig: '<rootDir>/tsconfig.json',
+      tsConfig: '<rootDir>/tsconfig.spec.json',
       diagnostics: false,
     },
   },
diff --git a/packages/react-button/package.json b/packages/react-button/package.json
index d08957f8e1cf4..c393b6c4e6020 100644
--- a/packages/react-button/package.json
+++ b/packages/react-button/package.json
@@ -19,10 +19,11 @@
     "just": "just-scripts",
     "lint": "just-scripts lint",
     "start": "yarn storybook",
-    "test": "jest",
+    "test": "jest --passWithNoTests",
     "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/packages/react-button/src && yarn docs",
-    "storybook": "start-storybook"
+    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-button/src && yarn docs",
+    "storybook": "start-storybook",
+    "type-check": "tsc -b tsconfig.json"
   },
   "devDependencies": {
     "@fluentui/a11y-testing": "^0.1.0",
diff --git a/packages/react-button/src/components/MenuButton/stories/MenuButtonAppearance.stories.tsx b/packages/react-button/src/components/MenuButton/stories/MenuButtonAppearance.stories.tsx
index 821b50d9d9107..70cf3649ab5bb 100644
--- a/packages/react-button/src/components/MenuButton/stories/MenuButtonAppearance.stories.tsx
+++ b/packages/react-button/src/components/MenuButton/stories/MenuButtonAppearance.stories.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
+
 import { Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-menu';
 
 import { MenuButton } from '../../../MenuButton';
diff --git a/packages/react-button/src/components/MenuButton/stories/MenuButtonBlock.stories.tsx b/packages/react-button/src/components/MenuButton/stories/MenuButtonBlock.stories.tsx
index fe95138e207ba..db056d71ba0d7 100644
--- a/packages/react-button/src/components/MenuButton/stories/MenuButtonBlock.stories.tsx
+++ b/packages/react-button/src/components/MenuButton/stories/MenuButtonBlock.stories.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
+
 import { Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-menu';
 import { MenuButton } from '../../../MenuButton';
 
diff --git a/packages/react-button/src/components/MenuButton/stories/MenuButtonDefault.stories.tsx b/packages/react-button/src/components/MenuButton/stories/MenuButtonDefault.stories.tsx
index 1580a53459a26..904b992315306 100644
--- a/packages/react-button/src/components/MenuButton/stories/MenuButtonDefault.stories.tsx
+++ b/packages/react-button/src/components/MenuButton/stories/MenuButtonDefault.stories.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
+
 import { Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-menu';
 import { MenuButton } from '../../../MenuButton';
 
diff --git a/packages/react-button/src/components/MenuButton/stories/MenuButtonDisabled.stories.tsx b/packages/react-button/src/components/MenuButton/stories/MenuButtonDisabled.stories.tsx
index 2f15c4ab7f935..d6bf899bbfc98 100644
--- a/packages/react-button/src/components/MenuButton/stories/MenuButtonDisabled.stories.tsx
+++ b/packages/react-button/src/components/MenuButton/stories/MenuButtonDisabled.stories.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
+
 import { Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-menu';
 import { MenuButton } from '../../../MenuButton';
 
diff --git a/packages/react-button/src/components/MenuButton/stories/MenuButtonIcon.stories.tsx b/packages/react-button/src/components/MenuButton/stories/MenuButtonIcon.stories.tsx
index 20f824fb8f53e..d68d877b52a45 100644
--- a/packages/react-button/src/components/MenuButton/stories/MenuButtonIcon.stories.tsx
+++ b/packages/react-button/src/components/MenuButton/stories/MenuButtonIcon.stories.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
+
 import { Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-menu';
 import { CalendarMonth24Regular, Filter24Regular } from '@fluentui/react-icons';
 import { MenuButton } from '../../../MenuButton';
diff --git a/packages/react-button/src/components/MenuButton/stories/MenuButtonShape.stories.tsx b/packages/react-button/src/components/MenuButton/stories/MenuButtonShape.stories.tsx
index 50bae5b5096fa..6f855daf8f6ea 100644
--- a/packages/react-button/src/components/MenuButton/stories/MenuButtonShape.stories.tsx
+++ b/packages/react-button/src/components/MenuButton/stories/MenuButtonShape.stories.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
+
 import { Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-menu';
 import { MenuButton } from '../../../MenuButton';
 
diff --git a/packages/react-button/src/components/MenuButton/stories/MenuButtonSize.stories.tsx b/packages/react-button/src/components/MenuButton/stories/MenuButtonSize.stories.tsx
index d20b063604323..dbd43425234c9 100644
--- a/packages/react-button/src/components/MenuButton/stories/MenuButtonSize.stories.tsx
+++ b/packages/react-button/src/components/MenuButton/stories/MenuButtonSize.stories.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
+
 import { Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-components';
 import { MenuButton } from '../../../MenuButton';
 
diff --git a/packages/react-button/src/components/MenuButton/stories/MenuButtonSizeLarge.stories.tsx b/packages/react-button/src/components/MenuButton/stories/MenuButtonSizeLarge.stories.tsx
index 4469fba2f89c0..e5b48a49accdc 100644
--- a/packages/react-button/src/components/MenuButton/stories/MenuButtonSizeLarge.stories.tsx
+++ b/packages/react-button/src/components/MenuButton/stories/MenuButtonSizeLarge.stories.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
+
 import { Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-menu';
 import { CalendarMonth24Regular } from '@fluentui/react-icons';
 import { MenuButton } from '../../../MenuButton';
diff --git a/packages/react-button/src/components/MenuButton/stories/MenuButtonSizeMedium.stories.tsx b/packages/react-button/src/components/MenuButton/stories/MenuButtonSizeMedium.stories.tsx
index e91afa4001f31..c10cb46c0fd69 100644
--- a/packages/react-button/src/components/MenuButton/stories/MenuButtonSizeMedium.stories.tsx
+++ b/packages/react-button/src/components/MenuButton/stories/MenuButtonSizeMedium.stories.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
+
 import { Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-menu';
 import { CalendarMonth24Regular } from '@fluentui/react-icons';
 import { MenuButton } from '../../../MenuButton';
diff --git a/packages/react-button/src/components/MenuButton/stories/MenuButtonSizeSmall.stories.tsx b/packages/react-button/src/components/MenuButton/stories/MenuButtonSizeSmall.stories.tsx
index 0a10121262893..8dada9b9b7b49 100644
--- a/packages/react-button/src/components/MenuButton/stories/MenuButtonSizeSmall.stories.tsx
+++ b/packages/react-button/src/components/MenuButton/stories/MenuButtonSizeSmall.stories.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
+
 import { Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-menu';
 import { CalendarMonth24Regular } from '@fluentui/react-icons';
 import { MenuButton } from '../../../MenuButton';
diff --git a/packages/react-button/src/components/MenuButton/stories/MenuButtonWithLongText.stories.tsx b/packages/react-button/src/components/MenuButton/stories/MenuButtonWithLongText.stories.tsx
index 9983e923ac80d..d10cc2730ae7a 100644
--- a/packages/react-button/src/components/MenuButton/stories/MenuButtonWithLongText.stories.tsx
+++ b/packages/react-button/src/components/MenuButton/stories/MenuButtonWithLongText.stories.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
+
 import { Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-menu';
 import { MenuButton } from '../../../MenuButton';
 
diff --git a/packages/react-button/src/components/SplitButton/stories/SplitButtonAppearance.stories.tsx b/packages/react-button/src/components/SplitButton/stories/SplitButtonAppearance.stories.tsx
index 3ab777a4111a2..4d326957f2b17 100644
--- a/packages/react-button/src/components/SplitButton/stories/SplitButtonAppearance.stories.tsx
+++ b/packages/react-button/src/components/SplitButton/stories/SplitButtonAppearance.stories.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
+
 import { Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-menu';
 
 import { SplitButton, MenuButtonProps } from '../../../index'; // codesandbox-dependency: @fluentui/react-button ^9.0.0-beta
diff --git a/packages/react-button/src/components/SplitButton/stories/SplitButtonBlock.stories.tsx b/packages/react-button/src/components/SplitButton/stories/SplitButtonBlock.stories.tsx
index 0f2cd2be5a8e1..6201eb30db04d 100644
--- a/packages/react-button/src/components/SplitButton/stories/SplitButtonBlock.stories.tsx
+++ b/packages/react-button/src/components/SplitButton/stories/SplitButtonBlock.stories.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
+
 import { Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-menu';
 import { SplitButton, MenuButtonProps } from '../../../index'; // codesandbox-dependency: @fluentui/react-button ^9.0.0-beta
 
diff --git a/packages/react-button/src/components/SplitButton/stories/SplitButtonDefault.stories.tsx b/packages/react-button/src/components/SplitButton/stories/SplitButtonDefault.stories.tsx
index 5a79bba15b708..962386dfe97d0 100644
--- a/packages/react-button/src/components/SplitButton/stories/SplitButtonDefault.stories.tsx
+++ b/packages/react-button/src/components/SplitButton/stories/SplitButtonDefault.stories.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
+
 import { Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-menu';
 import { SplitButton, MenuButtonProps } from '../../../index'; // codesandbox-dependency: @fluentui/react-button ^9.0.0-beta
 
diff --git a/packages/react-button/src/components/SplitButton/stories/SplitButtonDisabled.stories.tsx b/packages/react-button/src/components/SplitButton/stories/SplitButtonDisabled.stories.tsx
index 3c6d0b9c8d64e..fef56279adae5 100644
--- a/packages/react-button/src/components/SplitButton/stories/SplitButtonDisabled.stories.tsx
+++ b/packages/react-button/src/components/SplitButton/stories/SplitButtonDisabled.stories.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
+
 import { Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-menu';
 import { SplitButton, MenuButtonProps } from '../../../index'; // codesandbox-dependency: @fluentui/react-button ^9.0.0-beta
 
diff --git a/packages/react-button/src/components/SplitButton/stories/SplitButtonIcon.stories.tsx b/packages/react-button/src/components/SplitButton/stories/SplitButtonIcon.stories.tsx
index 0a35a49126336..d5e0b1c63384c 100644
--- a/packages/react-button/src/components/SplitButton/stories/SplitButtonIcon.stories.tsx
+++ b/packages/react-button/src/components/SplitButton/stories/SplitButtonIcon.stories.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
+
 import { Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-menu';
 import { CalendarMonth24Regular, Filter24Regular } from '@fluentui/react-icons';
 import { SplitButton, MenuButtonProps } from '../../../index'; // codesandbox-dependency: @fluentui/react-button ^9.0.0-beta
diff --git a/packages/react-button/src/components/SplitButton/stories/SplitButtonShape.stories.tsx b/packages/react-button/src/components/SplitButton/stories/SplitButtonShape.stories.tsx
index b516499918140..c5b1e81da14eb 100644
--- a/packages/react-button/src/components/SplitButton/stories/SplitButtonShape.stories.tsx
+++ b/packages/react-button/src/components/SplitButton/stories/SplitButtonShape.stories.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
+
 import { Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-menu';
 import { SplitButton, MenuButtonProps } from '../../../index'; // codesandbox-dependency: @fluentui/react-button ^9.0.0-beta
 
diff --git a/packages/react-button/src/components/SplitButton/stories/SplitButtonSize.stories.tsx b/packages/react-button/src/components/SplitButton/stories/SplitButtonSize.stories.tsx
index c89286f17aa42..d0b6a4823699f 100644
--- a/packages/react-button/src/components/SplitButton/stories/SplitButtonSize.stories.tsx
+++ b/packages/react-button/src/components/SplitButton/stories/SplitButtonSize.stories.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
+
 import { Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-components';
 import { SplitButton, MenuButtonProps } from '../../../index'; // codesandbox-dependency: @fluentui/react-button ^9.0.0-beta
 
diff --git a/packages/react-button/src/components/SplitButton/stories/SplitButtonSizeLarge.stories.tsx b/packages/react-button/src/components/SplitButton/stories/SplitButtonSizeLarge.stories.tsx
index 265666d287741..e54d09131224a 100644
--- a/packages/react-button/src/components/SplitButton/stories/SplitButtonSizeLarge.stories.tsx
+++ b/packages/react-button/src/components/SplitButton/stories/SplitButtonSizeLarge.stories.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
+
 import { Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-menu';
 import { CalendarMonth24Regular } from '@fluentui/react-icons';
 import { SplitButton, MenuButtonProps } from '../../../index'; // codesandbox-dependency: @fluentui/react-button ^9.0.0-beta
diff --git a/packages/react-button/src/components/SplitButton/stories/SplitButtonSizeMedium.stories.tsx b/packages/react-button/src/components/SplitButton/stories/SplitButtonSizeMedium.stories.tsx
index c24459faf3dfd..ea3e707439d63 100644
--- a/packages/react-button/src/components/SplitButton/stories/SplitButtonSizeMedium.stories.tsx
+++ b/packages/react-button/src/components/SplitButton/stories/SplitButtonSizeMedium.stories.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
+
 import { Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-menu';
 import { CalendarMonth24Regular } from '@fluentui/react-icons';
 import { SplitButton, MenuButtonProps } from '../../../index'; // codesandbox-dependency: @fluentui/react-button ^9.0.0-beta
diff --git a/packages/react-button/src/components/SplitButton/stories/SplitButtonSizeSmall.stories.tsx b/packages/react-button/src/components/SplitButton/stories/SplitButtonSizeSmall.stories.tsx
index 80d9f0b3674d9..b615bcb6c610c 100644
--- a/packages/react-button/src/components/SplitButton/stories/SplitButtonSizeSmall.stories.tsx
+++ b/packages/react-button/src/components/SplitButton/stories/SplitButtonSizeSmall.stories.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
+
 import { Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-menu';
 import { CalendarMonth24Regular } from '@fluentui/react-icons';
 import { SplitButton, MenuButtonProps } from '../../../index'; // codesandbox-dependency: @fluentui/react-button ^9.0.0-beta
diff --git a/packages/react-button/src/components/SplitButton/stories/SplitButtonWithLongText.stories.tsx b/packages/react-button/src/components/SplitButton/stories/SplitButtonWithLongText.stories.tsx
index bbcc955c2f4fb..ce44dcff79de4 100644
--- a/packages/react-button/src/components/SplitButton/stories/SplitButtonWithLongText.stories.tsx
+++ b/packages/react-button/src/components/SplitButton/stories/SplitButtonWithLongText.stories.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
+
 import { Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-menu';
 import { SplitButton, MenuButtonProps } from '../../../index'; // codesandbox-dependency: @fluentui/react-button ^9.0.0-beta
 
diff --git a/packages/react-button/tsconfig.json b/packages/react-button/tsconfig.json
index d0ba217d5e49b..affceae1828ae 100644
--- a/packages/react-button/tsconfig.json
+++ b/packages/react-button/tsconfig.json
@@ -1,18 +1,25 @@
 {
   "extends": "../../tsconfig.base.json",
-  "include": ["src"],
   "compilerOptions": {
     "target": "ES2019",
-    "module": "CommonJS",
-    "lib": ["ES2019", "DOM"],
-    "outDir": "dist",
-    "jsx": "react",
-    "declaration": true,
-    "experimentalDecorators": true,
+    "noEmit": true,
+    "isolatedModules": true,
     "importHelpers": true,
+    "jsx": "react",
     "noUnusedLocals": true,
-    "preserveConstEnums": true,
-    "types": ["jest", "custom-global", "inline-style-expand-shorthand"],
-    "isolatedModules": true
-  }
+    "preserveConstEnums": true
+  },
+  "include": [],
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    },
+    {
+      "path": "./.storybook/tsconfig.json"
+    }
+  ]
 }
diff --git a/packages/react-button/tsconfig.lib.json b/packages/react-button/tsconfig.lib.json
new file mode 100644
index 0000000000000..b83999c31f8a3
--- /dev/null
+++ b/packages/react-button/tsconfig.lib.json
@@ -0,0 +1,20 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "noEmit": false,
+    "lib": ["ES2019", "dom"],
+    "outDir": "dist",
+    "declaration": true,
+    "types": ["static-assets", "environment", "inline-style-expand-shorthand"]
+  },
+  "exclude": [
+    "./src/common/**",
+    "**/*.spec.ts",
+    "**/*.spec.tsx",
+    "**/*.test.ts",
+    "**/*.test.tsx",
+    "**/*.stories.ts",
+    "**/*.stories.tsx"
+  ],
+  "include": ["./src/**/*.ts", "./src/**/*.tsx"]
+}
diff --git a/packages/react-button/tsconfig.spec.json b/packages/react-button/tsconfig.spec.json
new file mode 100644
index 0000000000000..28fa5226de420
--- /dev/null
+++ b/packages/react-button/tsconfig.spec.json
@@ -0,0 +1,9 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "CommonJS",
+    "outDir": "dist",
+    "types": ["jest", "node", "inline-style-expand-shorthand"]
+  },
+  "include": ["**/*.spec.ts", "**/*.spec.tsx", "**/*.test.ts", "**/*.test.tsx", "**/*.d.ts"]
+}