From 27becffbbf80cd420b70abd2feefc6281c221d74 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dawid=20Je=C5=BC?= <dawidjez@gmail.com>
Date: Thu, 4 May 2023 20:22:47 +0200
Subject: [PATCH] debug

---
 src/components/construction/Accordion/Accordion.tsx           | 2 +-
 src/components/construction/Accordion/AccordionItem.tsx       | 4 +---
 .../construction/ButtonToggleGroup/ButtonToggleGroup.tsx      | 2 +-
 src/components/construction/Select/Select.tsx                 | 2 +-
 4 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/construction/Accordion/Accordion.tsx b/src/components/construction/Accordion/Accordion.tsx
index 10fa39b..96d8768 100644
--- a/src/components/construction/Accordion/Accordion.tsx
+++ b/src/components/construction/Accordion/Accordion.tsx
@@ -11,7 +11,7 @@ export default function Accordion(props: Props) {
         console.log(AccordionItem.name)
         return (Array.isArray(props.children) ? props.children : [props.children])
             .flat()
-            .filter((child) => child?.type?.displayName === 'AccordionItem');
+            .filter((child) => child?.type?.name === AccordionItem.name);
     }
 
     const [openedItem, setOpenedItem] = useState(
diff --git a/src/components/construction/Accordion/AccordionItem.tsx b/src/components/construction/Accordion/AccordionItem.tsx
index 9047378..ac930e0 100644
--- a/src/components/construction/Accordion/AccordionItem.tsx
+++ b/src/components/construction/Accordion/AccordionItem.tsx
@@ -10,7 +10,7 @@ export interface AccordionItemInterface {
     onOpen?: () => void;
 }
 
-const AccordionItem = function AccordionItem(props: AccordionItemInterface) {
+export default function AccordionItem(props: AccordionItemInterface) {
     const contentRef = useRef(null);
     const panelRef = useRef(null);
     const [isOpen, setIsOpen] = useState(props.opened || false);
@@ -66,5 +66,3 @@ const AccordionItem = function AccordionItem(props: AccordionItemInterface) {
         </div>
     )
 }
-AccordionItem.displayName = 'AccordionItem';
-export default AccordionItem;
diff --git a/src/components/construction/ButtonToggleGroup/ButtonToggleGroup.tsx b/src/components/construction/ButtonToggleGroup/ButtonToggleGroup.tsx
index 141c024..4d428af 100644
--- a/src/components/construction/ButtonToggleGroup/ButtonToggleGroup.tsx
+++ b/src/components/construction/ButtonToggleGroup/ButtonToggleGroup.tsx
@@ -26,7 +26,7 @@ export default function ButtonToggleGroup(props: Props) {
     const getChildrenButtons = () => {
         return props.children
             .flat()
-            .filter((child) => child?.type.name === 'ButtonToggle');
+            .filter((child) => child?.type.name === ButtonToggle.name);
     }
     const getPropsValue = (): Value[] | undefined => {
         if (props.value === undefined) {
diff --git a/src/components/construction/Select/Select.tsx b/src/components/construction/Select/Select.tsx
index 71974d9..88f12fb 100644
--- a/src/components/construction/Select/Select.tsx
+++ b/src/components/construction/Select/Select.tsx
@@ -29,7 +29,7 @@ const Select = forwardRef(function (props: SelectProps, ref: ForwardedRef<HTMLSe
     const getChildrenOptions = () => {
         return props.children
             .flat()
-            .filter((child) => child?.type.name === 'Option');
+            .filter((child) => child?.type.name === Option.name);
     }
     const getOptions = () => {
         return getChildrenOptions()