Transform userId into UUID format

src/App.tsx

@@ -13,14 +13,10 @@ import { BuyReturn } from "./pages/BuyReturn.tsx";
 import { Grid, Paper } from "@mui/material";
 
 function App() {
-  const locallyStoredUserId = window.localStorage.getItem("paysplit-user-id");
+  const [userId, setUserId] = useState<string | null>(
-  const locallyStoredUserIdAsNumber = locallyStoredUserId
+    window.localStorage.getItem("paysplit-user-id")
-    ? parseInt(locallyStoredUserId)
-    : null;
-  const [userId, setUserId] = useState<number | null>(
-    locallyStoredUserIdAsNumber,
   );
-  const storeUserId = (id: number) => {
+  const storeUserId = (id: string) => {
     window.localStorage.setItem("paysplit-user-id", id.toString());
     setUserId(id);
   };

src/api/client.ts

@@ -1,7 +1,7 @@
 import axios, { type AxiosResponse } from "axios";
 
 interface AccessResponse {
-  userId: number;
+  userId: string;
 }
 
 export const login = (name: string, password: string) =>
@@ -16,12 +16,12 @@ export const registerUser = (name: string, password: string) =>
     password,
   }) as Promise<AxiosResponse<AccessResponse, unknown, {}>>;
 
-export const startBuyFlow = (userId: number, quantity: number) =>
+export const startBuyFlow = (userId: string, quantity: number) =>
   axios.post("/buy/start", { userId, quantity }) as Promise<
     AxiosResponse<{ url: string }, unknown, {}>
   >;
 
-export const completeBuyFlow = (userId: number) =>
+export const completeBuyFlow = (userId: string) =>
   axios.post("/buy/complete", { userId }) as Promise<
     AxiosResponse<{ url: string }, unknown, {}>
   >;

src/context/logged-in-page-context.ts

@@ -1,7 +1,7 @@
 import { createContext } from "react";
 
 interface LoggedInPageContextProps {
-  userId: number;
+  userId: string;
 }
 
 export const LoggedInPageContext =

src/context/pre-login-page-context.ts

@@ -1,7 +1,7 @@
 import { createContext } from "react";
 
 interface PreLoginPageContextProps {
-  setUserId: (id: number) => void;
+  setUserId: (id: string) => void;
 }
 
 export const PreLoginPageContext =