index.jsx

// Create the context for user related data
export const UserContext = React.createContext();

const user = {
  name: 'Jean-Pierre',
  sex: 'Yes'
}

// provider the user context anywhere in the app
function App() {
  return (
    <UserContext.Provider value={user}>
      <App />
    </UserContext.Provider>
  );
}

use.jsx

// Somewhere deep inside the app

import React, { useContext } from 'react';
import { UserContext } from './index'

export default () => {
  const { name } = useContext(UserContext)

  return (
    <h1>Hello {name}!</h1>
  )
}