Login.tsx

import React, { useContext, useEffect } from 'react'
import { useHistory } from 'react-router-dom'
import { UserContext } from '../../hooks/userContext'
import './login.scss'

const Login: React.FC = () => {
  const { user, loginUser } = useContext(UserContext)
  const history = useHistory()

  useEffect(() => {
    if (user) {
      history.push('/edition')
    }
  }, [user])

  return (
    <div className="login">
      <div className="container">
        <h1>Bienvenue sur le Backoffice d'Ecolyo !</h1>
        <button className="btnValid" onClick={loginUser}>
          Login
        </button>
      </div>
    </div>
  )
}

export default Login