fix: made some changes to fix in issue (#4729)

Author: victorchrollo14

apps/builder/app/builder/features/settings-panel/settings-section.tsx

@@ -51,10 +51,11 @@ export const SettingsSection = () => {
           placeholder={placeholder}
           value={localValue.value}
           onChange={(event) => localValue.set(event.target.value)}
-          onBlur={(event) => {
-            localValue.set((event.target as HTMLInputElement).value.trim());
-            localValue.save;
-          }}
+          onBlur={(event) =>
+            localValue.finalSave(
+              (event.target as HTMLInputElement).value.trim()
+            )
+          }
         />
       </HorizontalLayout>
     </Row>

apps/builder/app/builder/features/settings-panel/shared.tsx

@@ -168,13 +168,20 @@ export const useLocalValue = <Type,>(
   onSaveRef.current = onSave;
 
   const save = () => {
+    console.info("save is triggered");
     isEditingRef.current = false;
     if (equal(localValueRef.current, savedValue) === false) {
       // To synchronize with setState immediately followed by save
       onSaveRef.current(localValueRef.current);
     }
   };
 
+  const finalSave = (value: Type) => {
+    localValueRef.current = value;
+    setRefresh((refresh) => refresh + 1);
+    save();
+  };
+
   const saveDebounced = useDebouncedCallback(save, 500);
 
   const setLocalValue = (value: Type) => {
@@ -224,6 +231,7 @@ export const useLocalValue = <Type,>(
      * Should be called on onBlur or similar event
      */
     save,
+    finalSave,
   };
 };