login.js

import React from "react";
import { useAuth } from "../hooks/useAuth";

// .... other code .... //

export default function Login() {
  const { login } = useAuth();
  return (
    <section style={wrapper}>
      <div style={loginCard}>
        <h1 style={header}>Welcome to the App</h1>

        <p style={paragraph}>You can try out logging in below!</p>

        <button
          style={button}
          onClick={() => {
            return login().catch((e) => {
              console.error(e);
            });
          }}
        >
          LOG IN
        </button>
      </div>
    </section>
  );
}