fix(react-router): group index redirect route with steps config (#33)

HipsterBrown · Nov 29, 2022 · 29073ce · 29073ce
1 parent d06dd15
commit 29073ce
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/packages/react-router/src/context/index.tsx b/packages/react-router/src/context/index.tsx
@@ -91,7 +91,12 @@ export function Wizard<Values extends object = BaseValues>({ children, initialVa
       navigate(wizard.currentStep);
     }
   });
-  const step = useRoutes(steps)
+  const stepsWithRedirect = steps.concat({
+    index: true,
+    element: (<Navigate to={String(steps[0]?.name)} replace={true} />),
+    path: "/"
+  });
+  const step = useRoutes(stepsWithRedirect)
   const stepFromLocation = location.pathname.split('/').pop();
 
   useEffect(() => {
@@ -102,12 +107,7 @@ export function Wizard<Values extends object = BaseValues>({ children, initialVa
 
   return (
     <WizardContext.Provider value={Object.create(wizard)}>
-      <>
-        {step}
-      </>
-      <Routes>
-        <Route index={true} element={<Navigate to={String(steps[0]?.name)} replace={true} />} />
-      </Routes>
+      {step}
     </WizardContext.Provider>
   )
 }