diff --git a/slash/react/src/Layout/Header/Infos/Infos.tsx b/slash/react/src/Layout/Header/Infos/Infos.tsx
index bf595eeac..3ee441d7a 100644
--- a/slash/react/src/Layout/Header/Infos/Infos.tsx
+++ b/slash/react/src/Layout/Header/Infos/Infos.tsx
@@ -1,6 +1,8 @@
import { Fragment, ReactNode } from "react";
-import "@axa-fr/design-system-slash-css/dist/Layout/Header/Infos/Infos.scss";
import { getComponentClassName } from "../../../utilities";
+import { generateId } from "../../../utilities/helpers/generateId";
+
+import "@axa-fr/design-system-slash-css/dist/Layout/Header/Infos/Infos.scss";
const defaultClassName = "af-contrat";
@@ -28,7 +30,7 @@ const Infos = ({ infos, className, classModifier }: InfosProps) => {
{infos.map((info) => (
-
+
- {info.word}
- {info.definition}
diff --git a/slash/react/src/utilities/helpers/__tests__/generateId.test.ts b/slash/react/src/utilities/helpers/__tests__/generateId.test.ts
new file mode 100644
index 000000000..17ad71243
--- /dev/null
+++ b/slash/react/src/utilities/helpers/__tests__/generateId.test.ts
@@ -0,0 +1,21 @@
+import { generateId } from "../generateId";
+
+describe("generateKey", () => {
+ it("should generate a unique id for each object", () => {
+ const obj1 = {};
+ const obj2 = {};
+ const key1 = generateId(obj1);
+ const key2 = generateId(obj2);
+
+ expect(key1).toBe("id-1");
+ expect(key2).toBe("id-2");
+ });
+
+ it("should return the same id for the same object", () => {
+ const obj = {};
+ const key1 = generateId(obj);
+ const key2 = generateId(obj);
+
+ expect(key1).toBe(key2);
+ });
+});
diff --git a/slash/react/src/utilities/helpers/generateId.ts b/slash/react/src/utilities/helpers/generateId.ts
new file mode 100644
index 000000000..424f6d961
--- /dev/null
+++ b/slash/react/src/utilities/helpers/generateId.ts
@@ -0,0 +1,14 @@
+let counter = 1;
+
+const map = new WeakMap