From 5d31da11e7aee9eff124fbca771bfd34b74ef322 Mon Sep 17 00:00:00 2001
From: Abdellah Hariti <haritiabdellah@gmail.com>
Date: Wed, 28 Feb 2024 14:51:56 +0100
Subject: [PATCH] chore: get rid of unrecognized prop on DOM node error on a
 syled component

Thanks to: https://gist.github.com/meddokss/009cdb5192e487654c0d90cd8f692214
---
 src/components/expandable.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/expandable.tsx b/src/components/expandable.tsx
index c273e6705d20c..a54e8747c29e9 100644
--- a/src/components/expandable.tsx
+++ b/src/components/expandable.tsx
@@ -13,7 +13,9 @@ type ExpandedProps = {
   isExpanded: boolean;
 };
 
-const ExpandedIndicator = styled(ArrowDown)<ExpandedProps>`
+const ExpandedIndicator = styled(({isExpanded: _, ...props}) => (
+  <ArrowDown {...props} />
+))<ExpandedProps>`
   user-select: none;
   transition: transform 200ms ease-in-out;
   transform: rotate(${p => (p.isExpanded ? '180deg' : '0')});