From a64cb4febc36c2a52c01eeeaf5cfe0711090011f Mon Sep 17 00:00:00 2001
From: prince-deriv <prince@deriv.com>
Date: Tue, 5 Mar 2024 16:09:45 +0400
Subject: [PATCH] fix: id is not accepted in accordion

---
 libs/blocks/src/lib/accordion/index.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/libs/blocks/src/lib/accordion/index.tsx b/libs/blocks/src/lib/accordion/index.tsx
index 008754210..7fccf3e8f 100644
--- a/libs/blocks/src/lib/accordion/index.tsx
+++ b/libs/blocks/src/lib/accordion/index.tsx
@@ -105,13 +105,13 @@ export function AccordionBlock({
         <div className={content?.className}>
           {content &&
             content.data[selectedChip].map((accData) => {
-              const { title: accTitle } = accData;
-              const id = slugify(accTitle as string);
+              const { title: accTitle, id } = accData;
+              const dataId = id || slugify(accTitle as string);
 
               return (
                 <DynamicAccordion
                   {...accData}
-                  id={id}
+                  id={dataId}
                   key={accTitle}
                   expanded={multiCollapse ? false : expanded === accTitle}
                   onExpand={(isExpanded, id) => handleExpand(isExpanded, id)}