Resolve issue with redirections after completed checkout

Lyhour-Archieved · Mar 22, 2022 · 6aea7ac · 6aea7ac
1 parent cd1f2a4
commit 6aea7ac
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/components/checkout/payments/DummyCreditCardSection.tsx b/components/checkout/payments/DummyCreditCardSection.tsx
@@ -57,12 +57,12 @@ export const DummyCreditCardSection = ({
     handleSubmit: handleSubmitCard,
     formState: { errors: errorsAddress },
     setError: setErrorCard,
-  } = useForm<CardForm>({});
+  } = useForm<CardForm>({ defaultValues });
 
-  const redirectToOrderDetailsPage = () => {
+  const redirectToOrderDetailsPage = async () => {
+    // without the `await` checkout data will be removed before the redirection which will cause issue with rendering checkout view
+    await router.push(paths.order.$url());
     resetCheckoutToken();
-
-    router.push(paths.order.$url());
   };
 
   const handleSubmit = handleSubmitCard(async (formData: CardForm) => {