From da2419d7f3552b01e90b339d527c679ee1130fa7 Mon Sep 17 00:00:00 2001
From: Hugues Maignol <hugues@kime.tech>
Date: Wed, 10 May 2023 18:32:09 +0200
Subject: [PATCH] feat: remove counter for generating modal id for
 compatibility with server component and client bundling with next app
 directory

---
 src/Modal.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/Modal.tsx b/src/Modal.tsx
index 17142c8c4..e05891440 100644
--- a/src/Modal.tsx
+++ b/src/Modal.tsx
@@ -198,8 +198,6 @@ addModalTranslations({
 
 export { addModalTranslations };
 
-let counter = 0;
-
 /** @see <https://react-dsfr-components.etalab.studio/?path=/docs/components-modal> */
 export function createModal<Name extends string>(params: {
     name: Name;
@@ -217,7 +215,7 @@ export function createModal<Name extends string>(params: {
     Record<`${Uncapitalize<Name>}ModalButtonProps`, ModalProps.ModalButtonProps> {
     const { name, isOpenedByDefault } = params;
 
-    const modalId = `${uncapitalize(name)}-modal-${counter++}`;
+    const modalId = `${uncapitalize(name)}-modal`;
 
     const modalNativeButtonProps = {
         "aria-controls": modalId,