From d091c44c11de60e58749f483ee30457ff7c949b2 Mon Sep 17 00:00:00 2001
From: Sylvain <sylvain@sleede.com>
Date: Thu, 8 Apr 2021 11:09:33 +0200
Subject: [PATCH] fix: This object has been frozen and should not be mutated

---
 .../src/javascript/components/payzen/payzen-keys-form.tsx       | 2 +-
 .../src/javascript/components/payzen/payzen-settings.tsx        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/frontend/src/javascript/components/payzen/payzen-keys-form.tsx b/app/frontend/src/javascript/components/payzen/payzen-keys-form.tsx
index ecbd8df71..fc70e3c97 100644
--- a/app/frontend/src/javascript/components/payzen/payzen-keys-form.tsx
+++ b/app/frontend/src/javascript/components/payzen/payzen-keys-form.tsx
@@ -48,7 +48,7 @@ const PayZenKeysFormComponent: React.FC<PayZenKeysFormProps> = ({ onValidKeys })
    * When the component loads for the first time, initialize the keys with the values fetched from the API (if any)
    */
   useEffect(() => {
-    updateSettings(payZenKeys.read());
+    updateSettings(new Map(payZenKeys.read()));
   }, []);
 
   /**
diff --git a/app/frontend/src/javascript/components/payzen/payzen-settings.tsx b/app/frontend/src/javascript/components/payzen/payzen-settings.tsx
index 36c265557..6946bd50a 100644
--- a/app/frontend/src/javascript/components/payzen/payzen-settings.tsx
+++ b/app/frontend/src/javascript/components/payzen/payzen-settings.tsx
@@ -61,7 +61,7 @@ export const PayzenSettings: React.FC<PayzenSettingsProps> = ({ onEditKeys, onCu
    * For the private settings, we initialize them with the placeholder value, if the setting is set.
    */
   useEffect(() => {
-    const map = payZenKeys.read();
+    const map = new Map(payZenKeys.read());
     for (const setting of payZenPrivateSettings) {
       map.set(setting, isPresent[setting].read() ? PAYZEN_HIDDEN : '');
     }