Login.tsx

import React, { useEffect } from 'react'
import { userProfile } from '../../App'
// import { UserContext } from '../../hooks/userContext'
const Login: React.FC = () => {
  //   const [isLogged] = useState<boolean>(false)

  useEffect(() => {
    userProfile.user = 'testUser'
  }, [])
  return (
    <div className="login">
      <button>Login</button>
    </div>
  )
}

export default Login