no-copy-frontend/src/app/ui/test.tsx

'use client';

import { useUserProfile } from '@/app/hooks/react-query/useUserDataInfo';

export default function HomePage() {
	const { data: userData, isLoading, isError, error } = useUserProfile();

	if (isLoading) return <div>Loading...</div>;
	if (isError) return <div>Error: {error.message}</div>;

	return (
		<div>
			<h1>user email</h1>
			<span>
				{userData?.email}
			</span>
		</div>
	);
}