Amplify authentication written in functional Preact using hooks

AmplifyAuth.js

import { h } from 'preact';
import { useState, useEffect, useContext } from 'preact/hooks';

import  { Hub } from '@aws-amplify/core';
import { Auth } from '@aws-amplify/auth';

import { UserContext } from '../contexts/UserContext';


const AmplifyAuth = () => {
  const [user, setUser] = useState(null);

  const context = useContext(UserContext);

  useEffect(() => {
    Hub.listen("auth", ({ payload: { event, data } }) => {
      switch (event) {
        case "signIn":
          setUser({ user: data })
          break;
        case "signOut":
          setUser({ user: null })
          break;
      }
    })

    Auth.currentAuthenticatedUser()
      .then(user => {
        setUser({ user })
        context.login(user) // Callback to store user data in the higher up context 
      })
      .catch(() => console.log("Not signed in"));
  }, []);

  return (
    <button class="btn btn-info" onClick={() => Auth.federatedSignIn({provider: 'Google'})}>
      Signin with Google
    </button>
  );
}

export default AmplifyAuth;