From 41960b164b07efdcece67b09f37c8859e6a783f2 Mon Sep 17 00:00:00 2001
From: Michael Weimann <michaelw@matrix.org>
Date: Wed, 14 Sep 2022 14:05:38 +0200
Subject: [PATCH] Fix unknonw div props in context menu (#9277)

---
 src/components/structures/ContextMenu.tsx                | 9 ++++++++-
 .../__snapshots__/SpaceContextMenu-test.tsx.snap         | 2 --
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/structures/ContextMenu.tsx b/src/components/structures/ContextMenu.tsx
index 2445e0b38a..c3f7d1c434 100644
--- a/src/components/structures/ContextMenu.tsx
+++ b/src/components/structures/ContextMenu.tsx
@@ -397,6 +397,13 @@ export default class ContextMenu extends React.PureComponent<IProps, IState> {
             </FocusLock>;
         }
 
+        // filter props that are invalid for DOM elements
+        const {
+            hasBackground: _hasBackground, // eslint-disable-line @typescript-eslint/no-unused-vars
+            onFinished: _onFinished, // eslint-disable-line @typescript-eslint/no-unused-vars
+            ...divProps
+        } = props;
+
         return (
             <RovingTabIndexProvider handleHomeEnd handleUpDown onKeyDown={this.onKeyDown}>
                 { ({ onKeyDownHandler }) => (
@@ -413,7 +420,7 @@ export default class ContextMenu extends React.PureComponent<IProps, IState> {
                             style={menuStyle}
                             ref={this.collectContextMenuRect}
                             role={managed ? "menu" : undefined}
-                            {...props}
+                            {...divProps}
                         >
                             { body }
                         </div>
diff --git a/test/components/views/context_menus/__snapshots__/SpaceContextMenu-test.tsx.snap b/test/components/views/context_menus/__snapshots__/SpaceContextMenu-test.tsx.snap
index 3fe56c7e87..2fef194150 100644
--- a/test/components/views/context_menus/__snapshots__/SpaceContextMenu-test.tsx.snap
+++ b/test/components/views/context_menus/__snapshots__/SpaceContextMenu-test.tsx.snap
@@ -194,8 +194,6 @@ exports[`<SpaceContextMenu /> renders menu correctly 1`] = `
             />
             <div
               className="mx_ContextualMenu"
-              hasBackground={true}
-              onFinished={[MockFunction]}
               role="menu"
               style={Object {}}
             >