Estaba viendo un tutorial y me quedé atascado en esta parte en la que sigo redirigiendo a '/chat'. Establecí el usuario en nulo pero sigo redirigiendo a '/ chats'. Intenté volver a ver el video, pero sigo atascado en esta parte.

AuthContext.js

 import React, { useContext, useEffect, useState } from 'react' import { useHistory } from 'react-router-dom' import { auth } from '../firebase' const AuthContext = React.createContext() export const useAuth = () => useContext(AuthContext) export const AuthProvider = ({ children }) => { const [loading, setLoading] = useState(true) const [user, setUser] = useState(null) const history = useHistory() useEffect(() => { auth.onAuthStateChanged((user) => { setUser(user) setLoading(false) if (user) { history.push('/chats') } }) }, [user, history]) const value = { user } return ( <AuthContext.Provider value={value}> {!loading && children} </AuthContext.Provider> ) }

Aplicación.js

 import 'firebase/app' import { BrowserRouter as Router, Route, Switch } from 'react-router-dom' import Chats from './components/Chats' import Login from './components/Login' import { AuthProvider } from './context/AuthContext' function App() { return ( <> <Router> <AuthProvider> <Switch> <Route path="/chats"> <Chats /> </Route> <Route path="/"> <Login /> </Route> </Switch> </AuthProvider> </Router> </> ) } export default App