@trackunit/react-form-wizard 1.4.16 → 1.4.19

package/index.cjs.js

@@ -381,9 +381,12 @@ const FormWizard = ({ lastStepPrimaryActionLabel, isEdit, steps, fullFormSchema,
     // If URL does not match a key from the schema, navigate to the first step
     const firstSchemaKey = String(sharedUtils.objectKeys(fullFormSchema.shape)[0]);
     const keyToCheck = subStepPath ? `${stepPath}/${subStepPath}` : stepPath;
-    if (fullFormSchema.shape[keyToCheck] === undefined) {
-        navigate({ to: basePath, params: { stepPath: firstSchemaKey } });
-    }
+    // Move navigation to useEffect to avoid setState during render
+    react.useEffect(() => {
+        if (fullFormSchema.shape[keyToCheck] === undefined) {
+            navigate({ to: basePath, params: { stepPath: firstSchemaKey } });
+        }
+    }, [fullFormSchema.shape, keyToCheck, navigate, basePath, firstSchemaKey]);
     /**
      * Asserts that step has a shouldRender.
      * Is a workaround because I can't for the life of me get it to look up the step by a correctly typed

package/index.esm.js

@@ -379,9 +379,12 @@ const FormWizard = ({ lastStepPrimaryActionLabel, isEdit, steps, fullFormSchema,
     // If URL does not match a key from the schema, navigate to the first step
     const firstSchemaKey = String(objectKeys(fullFormSchema.shape)[0]);
     const keyToCheck = subStepPath ? `${stepPath}/${subStepPath}` : stepPath;
-    if (fullFormSchema.shape[keyToCheck] === undefined) {
-        navigate({ to: basePath, params: { stepPath: firstSchemaKey } });
-    }
+    // Move navigation to useEffect to avoid setState during render
+    useEffect(() => {
+        if (fullFormSchema.shape[keyToCheck] === undefined) {
+            navigate({ to: basePath, params: { stepPath: firstSchemaKey } });
+        }
+    }, [fullFormSchema.shape, keyToCheck, navigate, basePath, firstSchemaKey]);
     /**
      * Asserts that step has a shouldRender.
      * Is a workaround because I can't for the life of me get it to look up the step by a correctly typed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-form-wizard",
-  "version": "1.4.16",
+  "version": "1.4.19",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {
@@ -10,11 +10,11 @@
     "react-hook-form": "7.53.1",
     "@tanstack/react-router": "1.114.29",
     "@tanstack/router-core": "1.114.29",
-    "@trackunit/shared-utils": "1.6.8",
-    "@trackunit/css-class-variance-utilities": "1.4.8",
-    "@trackunit/react-components": "1.5.14",
-    "@trackunit/i18n-library-translation": "1.4.10",
-    "@trackunit/react-test-setup": "1.1.8"
+    "@trackunit/shared-utils": "1.6.10",
+    "@trackunit/css-class-variance-utilities": "1.4.10",
+    "@trackunit/react-components": "1.5.16",
+    "@trackunit/i18n-library-translation": "1.4.12",
+    "@trackunit/react-test-setup": "1.1.10"
   },
   "engines": {
     "node": ">=22.x",