fix(ui): Dashboard and Details reflect correct data (#997)

* Test: Force refetch after navigation

* Reload before navigating to ensure correct data

* Add comment for clarity

* Clean up redundant line

react-app/src/components/ActionForm/index.tsx

@@ -142,9 +142,6 @@ export const ActionForm = <Schema extends SchemaWithEnforcableProps>({
       API.post("os", "/submit", {
         body: formData,
       }),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["record"] });
-    },
   });
 
   const onSubmit = form.handleSubmit(async (formData) => {
@@ -174,6 +171,8 @@ export const ActionForm = <Schema extends SchemaWithEnforcableProps>({
         pathnameToDisplayOn: formOrigins.pathname,
       });
 
+      // Prevent stale data from displaying on formOrigins page
+      await queryClient.invalidateQueries({ queryKey: ["record"] });
       navigate(formOrigins);
     } catch (error) {
       console.error(error);