workspace-template/generated_projects/frontend/src/hooks/useAuth.ts

import { useState, useEffect } from 'react';
import api from '../api';
import { User } from '../types';

export const useAuth = () => {
  const [user, setUser] = useState<User | null>(null);

  const fetchMe = async () => {
    try {
      const resp = await api.get<User>('/users/me');
      setUser(resp.data);
    } catch {
      setUser(null);
    }
  };

  useEffect(() => {
    fetchMe();
  }, []);

  const logout = () => {
    localStorage.removeItem('access_token');
    setUser(null);
  };

  return { user, logout, fetchMe };
};