Login.tsx

import React, { useContext } from 'react'
import { useAuth } from '../../hooks/useAuth'
import { UserContext } from '../../hooks/userContext'
// import { userProfile } from '../../App'
// import { UserContext } from '../../hooks/userContext'
const Login: React.FC = () => {
  const { user, setUser, loginUser } = useContext(UserContext)

  return (
    <div className="login">
      <button onClick={loginUser}>Login</button>
    </div>
  )
}

export default Login