fix(ui) unpack values received from kratos (#55)

canonical · Jun 23, 2023 · 3e59436 · 3e59436
1 parent 2efa02e
commit 3e59436
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 5 deletions.
diff --git a/ui/pages/error.tsx b/ui/pages/error.tsx
@@ -1,6 +1,6 @@
 import { FlowError } from "@ory/client";
 import { Notification, Row } from "@canonical/react-components";
-import { AxiosError } from "axios";
+import { AxiosError, AxiosResponse } from "axios";
 import type { NextPage } from "next";
 import { useRouter } from "next/router";
 import { useEffect, useState } from "react";
@@ -23,7 +23,7 @@ const Error: NextPage = () => {
 
     kratos
       .getFlowError({ id: String(id) })
-      .then(void setError)
+      .then((res: AxiosResponse<FlowError>) => setError(res.data))
       .catch((err: AxiosError) => {
         switch (err.response?.status) {
           case 404:

diff --git a/ui/pages/index.tsx b/ui/pages/index.tsx
@@ -15,7 +15,7 @@ const Home: NextPage = () => {
   useEffect(() => {
     kratos
       .toSession()
-      .then(void setSession)
+      .then((res) => setSession(res.data))
       .catch((err: AxiosError) => {
         switch (err.response?.status) {
           case 403:

diff --git a/ui/pages/login.tsx b/ui/pages/login.tsx
@@ -38,7 +38,7 @@ const Login: NextPage = () => {
     if (flowId) {
       kratos
         .getLoginFlow({ id: String(flowId) })
-        .then(void setFlow)
+        .then((res) => setFlow(res.data))
         .catch(handleFlowError(router, "login", setFlow));
       return;
     }

diff --git a/ui/pages/registration.tsx b/ui/pages/registration.tsx
@@ -73,7 +73,9 @@ const Registration: NextPage = () => {
               flow: String(flow?.id),
               updateRegistrationFlowBody: values,
             })
-            .then(() => void router.push(flow?.return_to ?? "/"))
+            .then(async () => {
+              await router.push(flow?.return_to ?? "/");
+            })
             .catch(handleFlowError(router, "registration", setFlow))
             .catch((err: AxiosError<LoginFlow>) => {
               // If the previous handler did not catch the error it's most likely a form validation error