Teamup/client/src/App.tsx

import { Navigate, Route, Routes } from 'react-router'
import { BoardPage } from './pages/BoardPage'
import { LoginPage } from './pages/LoginPage'
import { useAuth } from './store/auth'

export default function App() {
  const token = useAuth((state) => state.token)

  return (
    <Routes>
      <Route path="/login" element={token ? <Navigate to="/" replace /> : <LoginPage />} />
      <Route path="/" element={token ? <BoardPage /> : <Navigate to="/login" replace />} />
      <Route path="*" element={<Navigate to="/" replace />} />
    </Routes>
  )
}