「Remix」で「Clerk」でログイン中のfullName、primaryEmailAddressを取得する

2024/04/12に公開
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