Merge pull request #10 from code-kern-ai/hotfix-min-version

Requires smaller next / react version

Author: JWittmeyer

package.json

@@ -20,9 +20,9 @@
     "eslint": "8.38.0",
     "eslint-config-next": "13.3.0",
     "express": "^4.18.2",
-    "next": "13.3.0",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "next": "^12.2.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "react-toastify": "^9.1.2",
     "styled-components": "^5.3.9",
     "typescript": "5.0.4"
@@ -35,4 +35,4 @@
     "postcss": "^8.4.23",
     "tailwindcss": "^3.3.1"
   }
-}
+}

pages/login.tsx

@@ -103,7 +103,7 @@ const Login: NextPage = () => {
         // If the previous handler did not catch the error it's most likely a form validation error
         if (err.response?.status === 400) {
           // Yup, it is!
-          setInitialFlow(err.response?.data)
+          setInitialFlow(err.response?.data as LoginFlow | undefined)
           return
         }
 

pages/verify.tsx

@@ -88,10 +88,10 @@ const Verification: NextPage = () => {
         switch (err.response?.status) {
           case 400:
             // Status code 400 implies the form validation had an error
-            setInitialFlow(err.response?.data)
+            setInitialFlow(err.response?.data as VerificationFlow | undefined)
             return
           case 410:
-            const newFlowID = err.response.data.use_flow_id
+            const newFlowID = (err.response.data as any).use_flow_id
             router
               // On submission, add the flow ID to the URL but do not navigate. This prevents the user loosing
               // their data when they reload the page.

pkg/errors.tsx

@@ -10,18 +10,18 @@ export function handleGetFlowError<S>(
   resetFlow: Dispatch<SetStateAction<S | undefined>>,
 ) {
   return async (err: AxiosError) => {
-    switch (err.response?.data.error?.id) {
+    switch ((err.response?.data as any).error?.id) {
       case "session_aal2_required":
         // 2FA is enabled and enforced, but user did not perform 2fa yet!
-        window.location.href = err.response?.data.redirect_browser_to
+        window.location.href = (err.response?.data as any).redirect_browser_to
         return
       case "session_already_available":
         // User is already signed in, let's redirect them home!
         await router.push("/welcome")
         return
       case "session_refresh_required":
         // We need to re-authenticate to perform this action
-        window.location.href = err.response?.data.redirect_browser_to
+        window.location.href = (err.response?.data as any).redirect_browser_to
         return
       case "self_service_flow_return_to_forbidden":
         // The flow expired, let's request a new one.
@@ -50,7 +50,7 @@ export function handleGetFlowError<S>(
         return
       case "browser_location_change_required":
         // Ory Kratos asked us to point the user to this URL.
-        window.location.href = err.response.data.redirect_browser_to
+        window.location.href = (err.response?.data as any).redirect_browser_to
         return
     }