fix(collapse): stop to generate id at each rerender

AxaFrance · Jan 16, 2024 · e6ef73f · e6ef73f
1 parent 4802f1b
commit e6ef73f
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/packages/collapse/src/CollapseCard.tsx b/packages/collapse/src/CollapseCard.tsx
@@ -1,10 +1,9 @@
-import React from 'react';
-
 import {
   Constants,
   getComponentClassName,
-  useId,
+  useId as getId,
 } from '@axa-fr/react-toolkit-core';
+import React, { useMemo } from 'react';
 import Body, { BodyProps } from './Body';
 import Header, { HeaderProps, HeaderToggleElement } from './Header';
 
@@ -32,7 +31,7 @@ const CollapseCard = ({
   index,
   onToggle,
 }: CollapseProps) => {
-  const headerId = useId(id);
+  const headerId = useMemo(() => getId(id), [id]);
   const [open, setOpen] = React.useState(isOpen);
 
   React.useEffect(() => {