fix: lazy mount accordions

NDLANO · Oct 9, 2024 · 20d418d · 20d418d
1 parent b8cdf1c
commit 20d418d
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/src/components/Accordion/FormAccordions.tsx b/src/components/Accordion/FormAccordions.tsx
@@ -54,6 +54,8 @@ const FormAccordions = ({ defaultOpen, children }: Props) => {
         multiple
         value={openAccordions}
         onValueChange={(details) => setOpenAccordions(details.value)}
+        lazyMount
+        unmountOnExit
       >
         {children}
       </StyledAccordionRoot>

diff --git a/src/components/Accordion/FormAccordionsWithComments.tsx b/src/components/Accordion/FormAccordionsWithComments.tsx
@@ -154,6 +154,8 @@ const FormAccordionsWithComments = ({ defaultOpen, children, article, taxonomy,
           multiple
           value={openAccordions}
           onValueChange={(details) => setOpenAccordions(details.value)}
+          lazyMount
+          unmountOnExit
         >
           {children}
         </StyledAccordionRoot>

diff --git a/src/containers/FormikForm/VersionAndNotesPanel.tsx b/src/containers/FormikForm/VersionAndNotesPanel.tsx
@@ -195,7 +195,7 @@ const VersionAndNotesPanel = ({ article, articleHistory, type, currentLanguage }
           />
         )}
       </FormikField>
-      <StyledAccordionRoot multiple defaultValue={["0"]} variant="clean">
+      <StyledAccordionRoot multiple defaultValue={["0"]} variant="clean" lazyMount unmountOnExit>
         {articleHistory.map((version, index) => {
           const isLatestVersion = index === 0;
           const published =