'use client' import { useState, useRef } from 'react'; import { useClickOutside } from '@/app/hooks/useClickOutside'; import Link from 'next/link'; import { getUserData } from '@/app/lib/action'; import { useQuery } from '@tanstack/react-query'; export default function UserMenuButton() { const [isOpen, setIsOpen] = useState(false); const menuRef = useRef(null); const { data: userData, isLoading, isError, error } = useQuery({ queryKey: ['userData'], queryFn: () => { return getUserData(); } }) useClickOutside(menuRef, () => { setIsOpen(false); }); const handleButtonClick = () => { if (!isOpen) { setIsOpen(true); } else { setIsOpen(false); } }; return (

); };