supachat/src/App.js

import { Container, Button } from '@mui/material';
import { AuthForm } from './Components/AuthForm';
import { useAuth } from './Contexts/AuthContext';
function App() {
  const { user, signOut } = useAuth();
  console.log(user);
  const handleSignOut = (e) => {
    e.preventDefault();
    signOut();
  };

  return (
    <>
      <Container maxWidth="xs">
        {!user ? (
          <AuthForm />
        ) : (
          <Button onClick={(e) => handleSignOut(e)}>wewlad signout</Button>
        )}
      </Container>
    </>
  );
}

export default App;