fixed global data variables lost while navigating apps

Author: raheeliftikhar5

client/packages/lowcoder/src/comps/generators/hookToComp.tsx

@@ -13,6 +13,7 @@ export function hookToComp(useHookFn: () => JSONObject) {
     }),
     (comp) => {
       const hookValue = useHookFn();
+
       useEffect(() => {
         comp.children.value.dispatchChangeValueAction(hookValue);
       }, [hookValue]);
@@ -33,8 +34,10 @@ export function hookToStateComp(useHookFn: () => JSONObject) {
     (comp) => {
       const hookValue = useHookFn();
       useEffect(() => {
-        comp.children.stateValue.dispatchChangeValueAction(hookValue);
-      }, [hookValue]);
+        if (hookValue !== comp.children.stateValue.getView()) {
+          comp.children.stateValue.dispatchChangeValueAction(hookValue);
+        }
+      }, []);
       return null;
     }
   );

client/packages/lowcoder/src/pages/editor/appEditorInternal.tsx

@@ -44,6 +44,7 @@ function useSaveComp(
   const dispatch = useDispatch();
   const [prevComp, setPrevComp] = useState<Comp>();
   const [prevJsonStr, setPrevJsonStr] = useState<string>();
+  const [prevAppId, setPrevAppId] = useState<string>();
 
   useEffect(() => {
     if (readOnly || blockEditing) {
@@ -54,7 +55,7 @@ function useSaveComp(
     }
     const curJson = comp.toJsonValue();
     const curJsonStr = JSON.stringify(curJson);
-    if (prevJsonStr === curJsonStr) {
+    if (prevJsonStr === curJsonStr || (Boolean(prevAppId) && prevAppId !== applicationId)) {
       return;
     }
     // the first time is a normal change, the latter is the manual update
@@ -70,7 +71,8 @@ function useSaveComp(
     }
     setPrevComp(comp);
     setPrevJsonStr(curJsonStr);
-  }, [comp, applicationId, prevComp, prevJsonStr, readOnly, dispatch]);
+    setPrevAppId(applicationId);
+  }, [comp, prevAppId, applicationId, prevComp, prevJsonStr, readOnly, dispatch]);
 }
 
 interface AppEditorInternalViewProps {