diff --git a/apps/web/components/User/Username.tsx b/apps/web/components/User/Username.tsx
index f97b5a7c..9cc8163c 100644
--- a/apps/web/components/User/Username.tsx
+++ b/apps/web/components/User/Username.tsx
@@ -16,9 +16,10 @@ import {
   FormLabel,
   FormMessage,
 } from "@music/ui/components/form"
+import { useSession } from "../Providers/AuthProvider"
 
 export default function Username() {
-  const session = getSession()
+  const { session } = useSession()
   const username = session?.username
 
   const FormSchema = z.object({