fix: updated useDocument to reload when server has changed

packages/core/src/components/QuickForm.tsx

@@ -19,8 +19,8 @@ export const QuickForm: React.FC = () => {
     };
 
     return (
-        <div>
+         <>
             {renderComponent()}
-        </div>
+        </>
     );
 };

packages/designer/src/Hooks/useDocument.ts

@@ -1,5 +1,5 @@
 import { useEAVForm } from "@eavfw/forms";
-import { AttributeDefinition, isLookup } from "@eavfw/manifest";
+import { AttributeDefinition, isLookup, queryEntitySWR, getRecordSWR } from "@eavfw/manifest";
 import { gzip, ungzip } from "pako";
 import { useMemo, useEffect, useState } from "react";
 import { QuickFormDesignerDefinition } from "../Types/QuickFormDefinition";
@@ -15,6 +15,22 @@ export const useDocument = (entityName: string, attributeName: string, designerL
 
     const [formData, { onChange: onFormDataChange }] = useEAVForm((state) => state.formValues);
 
+
+    const serverside = getRecordSWR(entity.collectionSchemaName, formData?.id, "?$select=rowversion", formData?.id, undefined, 30);
+    const isChanged = serverside?.record?.rowversion && formData.rowversion !== serverside?.record?.rowversion;
+    const { record, mutate } = getRecordSWR(app.getEntityFromKey("Document").collectionSchemaName, formData[column.logicalName], undefined, isChanged);
+    console.log("useDocument", [entityName, attributeName, column, formData, record, formData.rowversion, serverside?.record?.rowversion]);
+    useEffect(() => {
+        console.log("useDocument Refresh", record);
+    }, [record]);
+    useEffect(() => {
+        console.log("useDocument mutate", [formData.rowversion, serverside?.record?.rowversion]);
+        if (isChanged) {
+            window.location.reload();
+            //mutate();
+        }
+    }, [formData.rowversion,serverside?.record?.rowversion])
+
     const quickformLocale = designerLocale ?? {
         Title: "QuickForm",
     };