From 3b3482b28052123677db79569dbdc6904ce0bb02 Mon Sep 17 00:00:00 2001
From: Daniel Hougaard <daniel@infisical.com>
Date: Wed, 11 Dec 2024 21:51:20 +0400
Subject: [PATCH] fix: improve ref handling

---
 .../components/CreateSecretForm/CreateSecretForm.tsx       | 7 ++-----
 .../components/CreateSecretForm/CreateSecretForm.tsx       | 7 ++-----
 2 files changed, 4 insertions(+), 10 deletions(-)

diff --git a/frontend/src/views/SecretMainPage/components/CreateSecretForm/CreateSecretForm.tsx b/frontend/src/views/SecretMainPage/components/CreateSecretForm/CreateSecretForm.tsx
index a3f0ef323..0710bb533 100644
--- a/frontend/src/views/SecretMainPage/components/CreateSecretForm/CreateSecretForm.tsx
+++ b/frontend/src/views/SecretMainPage/components/CreateSecretForm/CreateSecretForm.tsx
@@ -143,11 +143,8 @@ export const CreateSecretForm = ({
           {...secretKeyRegisterRest}
           ref={(e) => {
             setSecretKeyHookRef(e);
-            // Can't directly set secretKeyInputRef.current = e, because of read-only property definitions
-            Object.defineProperty(secretKeyInputRef, "current", {
-              value: e,
-              writable: true
-            });
+            // @ts-expect-error this is for multiple ref single component
+            secretKeyInputRef.current = e;
           }}
           placeholder="Type your secret name"
           onPaste={handlePaste}
diff --git a/frontend/src/views/SecretOverviewPage/components/CreateSecretForm/CreateSecretForm.tsx b/frontend/src/views/SecretOverviewPage/components/CreateSecretForm/CreateSecretForm.tsx
index 9633472cc..ea6cbe61e 100644
--- a/frontend/src/views/SecretOverviewPage/components/CreateSecretForm/CreateSecretForm.tsx
+++ b/frontend/src/views/SecretOverviewPage/components/CreateSecretForm/CreateSecretForm.tsx
@@ -206,11 +206,8 @@ export const CreateSecretForm = ({ secretPath = "/", onClose }: Props) => {
           {...secretKeyRegisterRest}
           ref={(e) => {
             setSecretKeyHookRef(e);
-            // Can't directly set secretKeyInputRef.current = e, because of read-only property definitions
-            Object.defineProperty(secretKeyInputRef, "current", {
-              value: e,
-              writable: true
-            });
+            // @ts-expect-error this is for multiple ref single component
+            secretKeyInputRef.current = e;
           }}
           placeholder="Type your secret name"
           onPaste={handlePaste}