App.js

import React, { useEffect } from 'react';
import './App.css';
import { useAuth0 } from './auth0';
import ChatView from './Chat';

function App() {
  useEffect(() => {}, []);

  const { loading, user, loginWithRedirect } = useAuth0();

  if (loading) {
    return <div>Loading...</div>;
  }

  return (
    <div className="App">
      {!user && loginWithRedirect({})}

      {user && <ChatView />}
    </div>
  );
}

export default App;