diff --git a/change/@fluentui-react-3469d3b8-ceaa-47ad-af92-c5e1db22d1e0.json b/change/@fluentui-react-3469d3b8-ceaa-47ad-af92-c5e1db22d1e0.json
new file mode 100644
index 00000000000000..5d13b802aff018
--- /dev/null
+++ b/change/@fluentui-react-3469d3b8-ceaa-47ad-af92-c5e1db22d1e0.json
@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "chore: Export DraggableZone component",
+  "packageName": "@fluentui/react",
+  "email": "rezha@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react/package.json b/packages/react/package.json
index 62c8592488f40d..15e97bc6f831f6 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -430,6 +430,11 @@
       "import": "./lib/DragDrop.js",
       "require": "./lib-commonjs/DragDrop.js"
     },
+    "./lib/DraggableZone": {
+      "types": "./lib/DraggableZone.d.ts",
+      "import": "./lib/DraggableZone.js",
+      "require": "./lib-commonjs/DraggableZone.js"
+    },
     "./lib/Dropdown": {
       "types": "./lib/Dropdown.d.ts",
       "import": "./lib/Dropdown.js",
@@ -1151,6 +1156,10 @@
       "types": "./lib-commonjs/DragDrop.d.ts",
       "require": "./lib-commonjs/DragDrop.js"
     },
+    "./lib-commonjs/DraggableZone": {
+      "types": "./lib-commonjs/DraggableZone.d.ts",
+      "require": "./lib-commonjs/DraggableZone.js"
+    },
     "./lib-commonjs/Dropdown": {
       "types": "./lib-commonjs/Dropdown.d.ts",
       "require": "./lib-commonjs/Dropdown.js"
diff --git a/packages/react/src/DraggableZone.ts b/packages/react/src/DraggableZone.ts
new file mode 100644
index 00000000000000..64c65cf6c53ca7
--- /dev/null
+++ b/packages/react/src/DraggableZone.ts
@@ -0,0 +1 @@
+export * from './utilities/DraggableZone/index';