RecipeHeader.js

import React from "react";
import { Auth } from "aws-amplify"

const Header = () => {

    const handleLogout = () => {
      Auth.signOut().then( () => {
        window.location.reload()
      })
    }
    return (
        <header style={styles.header}>
          <button style={styles.absoluteLogout} onClick={() => handleLogout()}>Sign out</button>
          <h1 style={styles.headerTitle}>Your recipe cookbook!</h1>
          <span className="App-logo" role="img" aria-label="Logo" alt="cooking-pot">🍲</span>
        </header>
    )
}