From a1c308727f2786b48cb083bf0544a358ab211c2c Mon Sep 17 00:00:00 2001
From: enes <enes@nostrdev.com>
Date: Mon, 18 Nov 2024 13:39:54 +0100
Subject: [PATCH] fix(signature): force re-render on value change

---
 src/components/MarkInputs/Signature.tsx | 6 +++++-
 src/components/PDFView/PdfMarkItem.tsx  | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/MarkInputs/Signature.tsx b/src/components/MarkInputs/Signature.tsx
index 4fadede..d60a8a1 100644
--- a/src/components/MarkInputs/Signature.tsx
+++ b/src/components/MarkInputs/Signature.tsx
@@ -85,7 +85,11 @@ export const MarkInputSignature = ({
         ></canvas>
         {typeof userMark?.mark !== 'undefined' && (
           <div className={styles.absolute}>
-            <MarkRenderSignature value={value} mark={userMark.mark} />
+            <MarkRenderSignature
+              key={userMark.mark.value}
+              value={userMark.mark.value}
+              mark={userMark.mark}
+            />
           </div>
         )}
         <div className={styles.reset}>
diff --git a/src/components/PDFView/PdfMarkItem.tsx b/src/components/PDFView/PdfMarkItem.tsx
index 3aeef44..d850fbc 100644
--- a/src/components/PDFView/PdfMarkItem.tsx
+++ b/src/components/PDFView/PdfMarkItem.tsx
@@ -51,7 +51,11 @@ const PdfMarkItem = forwardRef<HTMLDivElement, PdfMarkItemProps>(
         }}
       >
         {typeof MarkRenderComponent !== 'undefined' && (
-          <MarkRenderComponent value={getMarkValue()} mark={userMark.mark} />
+          <MarkRenderComponent
+            key={getMarkValue()}
+            value={getMarkValue()}
+            mark={userMark.mark}
+          />
         )}
       </div>
     )