diff --git a/change/@fluentui-react-dialog-b94a462e-5c88-4181-a8b8-3f1aa9068b92.json b/change/@fluentui-react-dialog-b94a462e-5c88-4181-a8b8-3f1aa9068b92.json
new file mode 100644
index 00000000000000..7efdcf830008ed
--- /dev/null
+++ b/change/@fluentui-react-dialog-b94a462e-5c88-4181-a8b8-3f1aa9068b92.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "bugfix: moves handleBackdropClick from defaultProps to an override ",
+  "packageName": "@fluentui/react-dialog",
+  "email": "bernardo.sunderhus@gmail.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-dialog/src/components/DialogSurface/useDialogSurface.ts b/packages/react-components/react-dialog/src/components/DialogSurface/useDialogSurface.ts
index 42b1fd7e487796..964a8fc8df449c 100644
--- a/packages/react-components/react-dialog/src/components/DialogSurface/useDialogSurface.ts
+++ b/packages/react-components/react-dialog/src/components/DialogSurface/useDialogSurface.ts
@@ -23,7 +23,6 @@ export const useDialogSurface_unstable = (
   props: DialogSurfaceProps,
   ref: React.Ref<DialogSurfaceElement>,
 ): DialogSurfaceState => {
-  const { backdrop, as } = props;
   const modalType = useDialogContext_unstable(ctx => ctx.modalType);
   const modalAttributes = useDialogContext_unstable(ctx => ctx.modalAttributes);
   const dialogRef = useDialogContext_unstable(ctx => ctx.dialogRef);
@@ -59,19 +58,24 @@ export const useDialogSurface_unstable = (
     }
   });
 
+  const backdrop = resolveShorthand(props.backdrop, {
+    required: open && modalType !== 'non-modal',
+    defaultProps: {
+      'aria-hidden': 'true',
+    },
+  });
+
+  if (backdrop) {
+    backdrop.onClick = handledBackdropClick;
+  }
+
   return {
     components: {
       backdrop: 'div',
       root: 'div',
     },
-    backdrop: resolveShorthand(backdrop, {
-      required: open && modalType !== 'non-modal',
-      defaultProps: {
-        'aria-hidden': 'true',
-        onClick: handledBackdropClick,
-      },
-    }),
-    root: getNativeElementProps(as ?? 'div', {
+    backdrop,
+    root: getNativeElementProps(props.as ?? 'div', {
       tabIndex: -1, // https://github.com/microsoft/fluentui/issues/25150
       'aria-modal': modalType !== 'non-modal',
       role: modalType === 'alert' ? 'alertdialog' : 'dialog',