diff --git a/apps/web/components/editor/field-type-selector.tsx b/apps/web/components/editor/field-type-selector.tsx
index 40413a499..09d75903d 100644
--- a/apps/web/components/editor/field-type-selector.tsx
+++ b/apps/web/components/editor/field-type-selector.tsx
@@ -25,9 +25,6 @@ export default function FieldTypeSelector(props: any) {
       onChange={(e: any) => {
         setSelectedFieldType(e);
       }}
-      onMouseDown={(e: any) => {
-        if (e.button === 0) props.setAdding(true);
-      }}
     >
       <div className="space-y-4">
         {fieldTypes.map((fieldType) => (
diff --git a/apps/web/components/editor/pdf-editor.tsx b/apps/web/components/editor/pdf-editor.tsx
index be6122d51..793b2cb27 100644
--- a/apps/web/components/editor/pdf-editor.tsx
+++ b/apps/web/components/editor/pdf-editor.tsx
@@ -20,7 +20,6 @@ export default function PDFEditor(props: any) {
   const noRecipients =
     props?.document.Recipient.length === 0 ||
     props?.document.Recipient.every((e: any) => !e.email);
-  const [adding, setAdding] = useState(false);
 
   function onPositionChangedHandler(position: any, id: any) {
     if (!position) return;
@@ -62,11 +61,6 @@ export default function PDFEditor(props: any) {
           onMouseUp={(e: any, page: number) => {
             e.preventDefault();
             e.stopPropagation();
-            console.log(adding);
-            if (adding) {
-              addField(e, page);
-              setAdding(false);
-            }
           }}
           onMouseDown={(e: any, page: number) => {
             if (e.button === 0) addField(e, page);
@@ -82,7 +76,6 @@ export default function PDFEditor(props: any) {
           />
           <hr className="m-3 border-slate-300"></hr>
           <FieldTypeSelector
-            setAdding={setAdding}
             selectedRecipient={selectedRecipient}
             onChange={setSelectedFieldType}
           />
@@ -103,7 +96,7 @@ export default function PDFEditor(props: any) {
     );
 
     createOrUpdateField(props?.document, signatureField).then((res) => {
-      setFields(fields.concat(res));
+      setFields((prevState) => [...prevState, res]);
     });
   }
 }
diff --git a/apps/web/components/editor/pdf-signer.tsx b/apps/web/components/editor/pdf-signer.tsx
index da0f0180d..3c8627ca6 100644
--- a/apps/web/components/editor/pdf-signer.tsx
+++ b/apps/web/components/editor/pdf-signer.tsx
@@ -69,7 +69,7 @@ export default function PDFSigner(props: any) {
     );
     const signedField = { ...dialogField };
     signedField.signature = signature;
-    setFields(fields.concat(signedField));
+    setFields((prevState) => [...prevState, signedField]);
     setOpen(false);
     setDialogField(null);
   }
@@ -178,7 +178,7 @@ export default function PDFSigner(props: any) {
       freeSignatureField,
       recipient.token
     ).then((res) => {
-      setFields(fields.concat(res));
+      setFields((prevState) => [...prevState, res]);
       setDialogField(res);
       setOpen(true);
     });