⛳
「Remix」で「Clerk」でログイン中のfullName、primaryEmailAddressを取得する
app\routes\hoge.tsx
// app\routes\hoge.tsx
import {
useAuth,
useUser
} from "@clerk/remix";
export default function Index() {
const { isLoaded, userId } = useAuth();
const { user } = useUser();
if (!isLoaded || !userId) {
return (
<>
<p>ログインしていないです。</p>
</>
);
}
return (
<div>
<p>Hello, {user?.fullName}! You are logged in.</p>
<p>Email: {user?.primaryEmailAddress?.emailAddress}</p>
</div>
);
}
Discussion