1891: Improve resetAwait function

Author: Ruben van Leeuwen

frontend/apps/example/src/app/page.tsx

@@ -21,12 +21,14 @@ export default function Home() {
     const pydanticFormApiProvider: PydanticFormApiProvider = async ({
         requestBody,
     }) => {
-        const fetchResult = await fetch('http://localhost:8000/form', {
+        const url = 'http://localhost:8000/form';
+
+        const fetchResult = await fetch(url, {
             method: 'POST',
+            body: JSON.stringify(requestBody),
             headers: {
                 'Content-Type': 'application/json',
             },
-            body: JSON.stringify(requestBody),
         });
         const jsonResult = await fetchResult.json();
         return jsonResult;
@@ -87,14 +89,15 @@ export default function Home() {
             <h1 style={{ marginBottom: '20px' }}>Pydantic Form </h1>
 
             <PydanticForm
-                id="theForm"
+                formKey="theForm"
                 title="Example form"
-                successNotice="Custom success notice"
                 onCancel={() => {
                     alert('Form cancelled');
                 }}
+                onSuccess={() => {
+                    alert('Form submitted successfully');
+                }}
                 config={{
-                    allowUntouchedSubmit: true,
                     apiProvider: pydanticFormApiProvider,
                     labelProvider: pydanticLabelProvider,
                     customDataProvider: pydanticCustomDataProvider,

frontend/packages/pydantic-forms/src/core/PydanticFormContextProvider.tsx

@@ -164,9 +164,13 @@ function PydanticFormContextProvider({
         values: initialData,
     });
 
+    /*
+        This method resets the form and makes sure it waits for the reset to complete
+        before proceeding. If it finds data in form history, it uses that data to reset the form.
+    */
     const awaitReset = useCallback(
         async (payLoad?: FieldValues) => {
-            getHashForArray(formInputData).then(async (hash) => {
+            await getHashForArray(formInputData).then((hash) => {
                 let resetPayload = {};
 
                 if (payLoad) {
@@ -179,7 +183,6 @@ function PydanticFormContextProvider({
                     }
                 }
                 reactHookForm.reset(resetPayload);
-                await new Promise((resolve) => setTimeout(resolve, 0)); // wait one tick
             });
         },