diff --git a/src/components/auth/AuthButtons.tsx b/src/components/auth/AuthButtons.tsx
index 3f1a8c95..ff5d1d79 100644
--- a/src/components/auth/AuthButtons.tsx
+++ b/src/components/auth/AuthButtons.tsx
@@ -12,6 +12,7 @@ export function AuthButtons() {
const {
user,
profile,
+ loading,
signOut
} = useAuth();
const navigate = useNavigate();
@@ -40,10 +41,21 @@ export function AuthButtons() {
setLoggingOut(false);
}
};
+
+ // Show loading skeleton during auth check
+ if (loading) {
+ return (
+
+ );
+ }
+
if (!user) {
return (
<>
-