diff --git a/apps/expo/package.json b/apps/expo/package.json
index 21c8e41020..0b3bff5553 100644
--- a/apps/expo/package.json
+++ b/apps/expo/package.json
@@ -25,9 +25,11 @@
"expo-constants": "~14.4.2",
"expo-linking": "~5.0.2",
"expo-router": "2.0.10",
+ "expo-secure-store": "^12.5.0",
"expo-splash-screen": "~0.22.0",
"expo-status-bar": "~1.7.1",
"nativewind": "^4.0.5",
+ "expo-web-browser": "^12.5.0",
"react": "18.2.0",
"react-dom": "18.2.0",
"react-native": "0.72.6",
diff --git a/apps/expo/src/app/index.tsx b/apps/expo/src/app/index.tsx
index 844233e89b..71494c8178 100644
--- a/apps/expo/src/app/index.tsx
+++ b/apps/expo/src/app/index.tsx
@@ -6,6 +6,7 @@ import { FlashList } from "@shopify/flash-list";
import { api } from "~/utils/api";
import type { RouterOutputs } from "~/utils/api";
+import { useSignIn, useSignOut, useUser } from "~/utils/auth-hooks";
function PostCard(props: {
post: RouterOutputs["post"]["all"][number];
@@ -101,6 +102,10 @@ const Index = () => {
const postQuery = api.post.all.useQuery();
+ const user = useUser();
+ const signIn = useSignIn();
+ const signOut = useSignOut();
+
const deletePostMutation = api.post.delete.useMutation({
onSettled: () => utils.post.all.invalidate(),
});
@@ -120,6 +125,15 @@ const Index = () => {
color={"#f472b6"}
/>
+
+ {user?.name ?? "Not logged in"}
+
+