App.jsx

import React, { Fragment } from 'react';

const user = {
  email: 'my@email.com',
};

export const UserContext = React.createContext();

function App() {
  return (
    <UserContext.Provider value={user}>
      <Fragment>
        <Header />
        <Main />
        <Footer />
      </Fragment>
    </UserContext>
  );
}