From b00511406a5a5220c06d0e3abf2f30c80235b19e Mon Sep 17 00:00:00 2001
From: Nicholas Boll <nicholas.boll@gmail.com>
Date: Fri, 20 Dec 2024 10:58:29 -0700
Subject: [PATCH] fix(side-panel): Filter out invalid DOM prop (#3080)

Filter out the `openDirection` prop so it doesn't get forwarded to the `<button>` element.

[category:Components]
---
 modules/react/side-panel/lib/SidePanel.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/modules/react/side-panel/lib/SidePanel.tsx b/modules/react/side-panel/lib/SidePanel.tsx
index 781cdd4604..4c5a4b0de7 100644
--- a/modules/react/side-panel/lib/SidePanel.tsx
+++ b/modules/react/side-panel/lib/SidePanel.tsx
@@ -136,7 +136,7 @@ const ChildrenContainer = styled('div')<Pick<SidePanelProps, 'openWidth' | 'open
   })
 );
 
-const ToggleButton = styled(TertiaryButton)<
+const ToggleButton = styled(TertiaryButton, {shouldForwardProp: prop => prop !== 'openDirection'})<
   TertiaryButtonProps & Pick<SidePanelProps, 'openDirection'>
 >(
   {