diff --git a/apps/public-docsite-v9-headless/.storybook/main.js b/apps/public-docsite-v9-headless/.storybook/main.js
index 47cf45ef365590..9c140774e3c212 100644
--- a/apps/public-docsite-v9-headless/.storybook/main.js
+++ b/apps/public-docsite-v9-headless/.storybook/main.js
@@ -1,4 +1,5 @@
 const headlessMain = require('../../../packages/react-components/react-headless-components-preview/stories/.storybook/main');
+const { registerRules, rules } = require('@fluentui/scripts-storybook');
 
 module.exports = /** @type {Omit<import('../../../.storybook/main'), 'typescript'|'babel'>} */ ({
   ...headlessMain,
@@ -11,4 +12,13 @@ module.exports = /** @type {Omit<import('../../../.storybook/main'), 'typescript
   build: {
     previewUrl: process.env.DEPLOY_PATH,
   },
+  webpackFinal: (config, options) => {
+    const localConfig = /** @type config */ ({ ...headlessMain.webpackFinal(config, options) });
+
+    if (process.env.REACT_COMPILER) {
+      registerRules({ rules: rules.reactCompilerRule, config: localConfig });
+    }
+
+    return localConfig;
+  },
 });
diff --git a/apps/public-docsite-v9/.storybook/main.js b/apps/public-docsite-v9/.storybook/main.js
index 1779c0b3789b77..b609d7679479f3 100644
--- a/apps/public-docsite-v9/.storybook/main.js
+++ b/apps/public-docsite-v9/.storybook/main.js
@@ -55,7 +55,10 @@ module.exports = /** @type {Omit<import('../../../.storybook/main'), 'typescript
 
     // add your own webpack tweaks if needed
     registerTsPaths({ configFile: tsConfigAllPath, config: localConfig });
-    registerRules({ rules: [rules.scssRule], config: localConfig });
+    registerRules({
+      rules: [rules.scssRule, ...(process.env.REACT_COMPILER ? rules.reactCompilerRule : [])],
+      config: localConfig,
+    });
 
     return localConfig;
   },
diff --git a/change/@fluentui-web-components-0205984a-f89b-427c-bd75-d79aa69d8970.json b/change/@fluentui-web-components-0205984a-f89b-427c-bd75-d79aa69d8970.json
deleted file mode 100644
index a0a8ee2ebe32b9..00000000000000
--- a/change/@fluentui-web-components-0205984a-f89b-427c-bd75-d79aa69d8970.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "prerelease",
-  "comment": "Adds white-space normal to dropdown .control div to prevent text overflow issues.",
-  "packageName": "@fluentui/web-components",
-  "email": "mibaraka@microsoft.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-web-components-37693143-a3ff-456b-8d13-63f5d2a3db74.json b/change/@fluentui-web-components-37693143-a3ff-456b-8d13-63f5d2a3db74.json
deleted file mode 100644
index 0ddbf0fc0877a1..00000000000000
--- a/change/@fluentui-web-components-37693143-a3ff-456b-8d13-63f5d2a3db74.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "prerelease",
-  "comment": "feat: implement BaseCounterBadge class and update CounterBadge component structure",
-  "packageName": "@fluentui/web-components",
-  "email": "863023+radium-v@users.noreply.github.com",
-  "dependentChangeType": "patch"
-}
diff --git a/monosize.config.mjs b/monosize.config.mjs
index 38c713396a12d9..6cfe4a0e54b7fe 100644
--- a/monosize.config.mjs
+++ b/monosize.config.mjs
@@ -13,6 +13,12 @@ const config = {
     tableName: 'fluentuilatest',
   }),
   bundler: webpackBundler(config => {
+    config.externals = config.externals ?? {};
+    config.externals = {
+      react: 'React',
+      'react-dom': 'ReactDOM',
+      'react/compiler-runtime': 'ReactCompilerRuntime',
+    };
     return config;
   }),
   reportResolvers: {
diff --git a/package.json b/package.json
index 76f465919e1891..6fc8b90dae9f5e 100644
--- a/package.json
+++ b/package.json
@@ -271,6 +271,7 @@
     "raw-loader": "4.0.2",
     "react": "19.2.0",
     "react-app-polyfill": "2.0.0",
+    "react-compiler-webpack": "1.0.0",
     "react-dom": "19.2.0",
     "react-frame-component": "4.1.1",
     "react-is": "19.2.0",
diff --git a/packages/charts/chart-web-components/CHANGELOG.json b/packages/charts/chart-web-components/CHANGELOG.json
index 9b7cc07a73d608..20a59342bd40be 100644
--- a/packages/charts/chart-web-components/CHANGELOG.json
+++ b/packages/charts/chart-web-components/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/chart-web-components",
   "entries": [
+    {
+      "date": "Tue, 19 May 2026 04:10:54 GMT",
+      "tag": "@fluentui/chart-web-components_v0.0.78",
+      "version": "0.0.78",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/chart-web-components",
+            "comment": "Bump @fluentui/web-components to v3.0.0-rc.20",
+            "commit": "4f2032148ac2b6f33a248b90f8aea357788ac834"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 13 May 2026 04:08:42 GMT",
       "tag": "@fluentui/chart-web-components_v0.0.77",
diff --git a/packages/charts/chart-web-components/CHANGELOG.md b/packages/charts/chart-web-components/CHANGELOG.md
index ce287fde7c63e5..90e7d8602e12f3 100644
--- a/packages/charts/chart-web-components/CHANGELOG.md
+++ b/packages/charts/chart-web-components/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/chart-web-components
 
-This log was last generated on Wed, 13 May 2026 04:08:42 GMT and should not be manually modified.
+This log was last generated on Tue, 19 May 2026 04:10:54 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.0.78](https://github.com/microsoft/fluentui/tree/@fluentui/chart-web-components_v0.0.78)
+
+Tue, 19 May 2026 04:10:54 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/chart-web-components_v0.0.77..@fluentui/chart-web-components_v0.0.78)
+
+### Patches
+
+- Bump @fluentui/web-components to v3.0.0-rc.20 ([commit](https://github.com/microsoft/fluentui/commit/4f2032148ac2b6f33a248b90f8aea357788ac834) by beachball)
+
 ## [0.0.77](https://github.com/microsoft/fluentui/tree/@fluentui/chart-web-components_v0.0.77)
 
 Wed, 13 May 2026 04:08:42 GMT 
diff --git a/packages/charts/chart-web-components/package.json b/packages/charts/chart-web-components/package.json
index 4805e96bfd8bf8..438c4dea0e2e5a 100644
--- a/packages/charts/chart-web-components/package.json
+++ b/packages/charts/chart-web-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@fluentui/chart-web-components",
   "description": "A library of Fluent Chart Web Components",
-  "version": "0.0.77",
+  "version": "0.0.78",
   "author": {
     "name": "Microsoft"
   },
@@ -69,7 +69,7 @@
   "dependencies": {
     "@microsoft/fast-web-utilities": "^6.0.0",
     "@fluentui/tokens": "^1.0.0-alpha.23",
-    "@fluentui/web-components": "^3.0.0-rc.19",
+    "@fluentui/web-components": "^3.0.0-rc.20",
     "@types/d3-selection": "^3.0.0",
     "@types/d3-shape": "^3.0.0",
     "d3-selection": "^3.0.0",
diff --git a/packages/web-components/CHANGELOG.json b/packages/web-components/CHANGELOG.json
index a52aeda0575524..d42eec72a325ac 100644
--- a/packages/web-components/CHANGELOG.json
+++ b/packages/web-components/CHANGELOG.json
@@ -1,6 +1,27 @@
 {
   "name": "@fluentui/web-components",
   "entries": [
+    {
+      "date": "Tue, 19 May 2026 04:10:54 GMT",
+      "tag": "@fluentui/web-components_v3.0.0-rc.20",
+      "version": "3.0.0-rc.20",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "mibaraka@microsoft.com",
+            "package": "@fluentui/web-components",
+            "commit": "eaabe416a19ed53c50df7ea4b2870a2942e3f230",
+            "comment": "Adds white-space normal to dropdown .control div to prevent text overflow issues."
+          },
+          {
+            "author": "863023+radium-v@users.noreply.github.com",
+            "package": "@fluentui/web-components",
+            "commit": "1e70fc2b24be6389cfc7d357cb97aa900f52daa7",
+            "comment": "feat: implement BaseCounterBadge class and update CounterBadge component structure"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 13 May 2026 04:08:40 GMT",
       "tag": "@fluentui/web-components_v3.0.0-rc.19",
diff --git a/packages/web-components/CHANGELOG.md b/packages/web-components/CHANGELOG.md
index 288498cfb668af..a48bb1ef68c6a0 100644
--- a/packages/web-components/CHANGELOG.md
+++ b/packages/web-components/CHANGELOG.md
@@ -1,9 +1,19 @@
 # Change Log - @fluentui/web-components
 
-This log was last generated on Wed, 13 May 2026 04:08:40 GMT and should not be manually modified.
+This log was last generated on Tue, 19 May 2026 04:10:54 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [3.0.0-rc.20](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-rc.20)
+
+Tue, 19 May 2026 04:10:54 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-rc.19..@fluentui/web-components_v3.0.0-rc.20)
+
+### Changes
+
+- Adds white-space normal to dropdown .control div to prevent text overflow issues. ([PR #36210](https://github.com/microsoft/fluentui/pull/36210) by mibaraka@microsoft.com)
+- feat: implement BaseCounterBadge class and update CounterBadge component structure ([PR #36209](https://github.com/microsoft/fluentui/pull/36209) by 863023+radium-v@users.noreply.github.com)
+
 ## [3.0.0-rc.19](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-rc.19)
 
 Wed, 13 May 2026 04:08:40 GMT 
diff --git a/packages/web-components/package.json b/packages/web-components/package.json
index 4819d1d21e748b..aebf40d50655d2 100644
--- a/packages/web-components/package.json
+++ b/packages/web-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@fluentui/web-components",
   "description": "A library of Fluent Web Components",
-  "version": "3.0.0-rc.19",
+  "version": "3.0.0-rc.20",
   "author": {
     "name": "Microsoft",
     "url": "https://discord.gg/FcSNfg4"
diff --git a/scripts/storybook/src/rules.js b/scripts/storybook/src/rules.js
index 97a528fb334c64..cca1cb3c906644 100644
--- a/scripts/storybook/src/rules.js
+++ b/scripts/storybook/src/rules.js
@@ -124,8 +124,29 @@ const swcRule = {
   ],
 };
 
+/**
+ * React Compiler webpack rules. Must run before SWC (enforce: 'pre') because the compiler needs JSX syntax intact.
+ * Opt-in only — gate usage behind `process.env.REACT_COMPILER`.
+ *
+ * @type {import("webpack").RuleSetRule[]}
+ */
+const reactCompilerRule = [
+  {
+    test: /\.(ts|tsx)$/,
+    include: [/packages\/react-components\//],
+    exclude: [/node_modules/],
+    enforce: 'pre',
+    use: [
+      {
+        loader: require('react-compiler-webpack').reactCompilerLoader,
+      },
+    ],
+  },
+];
+
 exports.tsRule = tsRule;
 exports.scssRule = scssRule;
 exports.cssRule = cssRule;
 exports.griffelRule = griffelRule;
 exports.swcRule = swcRule;
+exports.reactCompilerRule = reactCompilerRule;
diff --git a/yarn.lock b/yarn.lock
index 55af5ef5dbe1ad..121b12902a717a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -16923,6 +16923,15 @@ react-app-polyfill@2.0.0:
     regenerator-runtime "^0.13.7"
     whatwg-fetch "^3.4.1"
 
+react-compiler-webpack@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/react-compiler-webpack/-/react-compiler-webpack-1.0.0.tgz#60fac1205100a3c771aad36c695853e71ffc4184"
+  integrity sha512-psMWf+k7psntYKTo6IdiQrERADKobtCrahfJ0QAsC+ccbqANKS/3go6+dLvYauUpMBpmrMlt5AqACRJZ4bKCtg==
+  dependencies:
+    "@babel/core" "^7.28.5"
+    "@babel/plugin-syntax-jsx" "^7.27.1"
+    "@babel/plugin-syntax-typescript" "^7.27.1"
+
 react-custom-scrollbars@^4.2.1:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/react-custom-scrollbars/-/react-custom-scrollbars-4.2.1.tgz#830fd9502927e97e8a78c2086813899b2a8b66db"