site.js

import React from 'react';
import Site from './models/Site';

export const Context = React.createContext();

export function useSite() {
  return React.useContext(Context);
}

export function SiteWrapper(props) {
  const [context, setContext] = React.useState(null);
  React.useEffect(() => {
    const site = Site.create({id: props.match.params.siteId});
    site.load();
    setContext(site);
  }, []);
  if (!context) {
    return null;
  }
  console.log('context', context);
  return <Context.Provider value={context}>{props.children}</Context.Provider>;
}

// import {Provider, Site, useSite} from '../store/site';