guys i have a auth-provider.tsx file which provides the user data. How do i access it in a page component?

import { useAuth } from "@/app/providers/auth-provider";
import Nav from "../nav";

export default function DashboardPage() {
    const auth = useAuth()
    return (
        <>
            <Nav user={auth.user} />
        </>
    )
}

This doesn't seems to work