Use useAsync again

open-formulieren · Oct 23, 2023 · e914693 · e914693
1 parent 2ac9bd4
commit e914693
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 13 deletions.
diff --git a/src/openapi.yaml b/src/openapi.yaml
@@ -1133,6 +1133,7 @@ paths:
         required: true
       tags:
       - forms
+      - form-definitions
       security:
       - tokenAuth: []
       - cookieAuth: []

diff --git a/src/openforms/js/components/admin/form_design/form-creation-form.js b/src/openforms/js/components/admin/form_design/form-creation-form.js
@@ -997,20 +997,16 @@ const FormCreationForm = ({formUuid, formUrl, formHistoryUrl}) => {
     });
   }, []);
 
-  // Using useEffect to avoid race conditions when mutating state:
-  useEffect(() => {
+  useAsync(async () => {
+    // Waiting for the last dispatch to be done to avoid state race conditions.
     if (!loading) {
-      const fetchData = async () => {
-        const reusableFormDefinitions = await loadFromBackend([
-          {endpoint: FORM_DEFINITIONS_ENDPOINT, query: {is_reusable: true}},
-        ]);
-        dispatch({
-          type: 'REUSABLE_FORM_DEFINITIONS_LOADED',
-          payload: reusableFormDefinitions[0],
-        });
-      };
-
-      fetchData();
+      const reusableFormDefinitions = await loadFromBackend([
+        {endpoint: FORM_DEFINITIONS_ENDPOINT, query: {is_reusable: true}},
+      ]);
+      dispatch({
+        type: 'REUSABLE_FORM_DEFINITIONS_LOADED',
+        payload: reusableFormDefinitions[0],
+      });
     }
   }, [loading]);