A possible way to use Meteor packages with React context and dynamic imports

context.js

const packages = {
  Accounts: 'accounts-base',
  Meteor: 'meteor',
};

const imports = Object.keys(packages).reduce((object, name) => {
  const path = packages[name];
  return {
    ...object,
    [name]: (fn, ...args) => import(`meteor/${path}`).then(source => {
      context[name] = source.default ? source.default[name] : source[name];
    }),
  }
}, {});

const context = {
  imports,
};
  
export default context;

LayoutWithPackageContext.js

import React from 'react';

import MeteorPackages from './MeteorPackages';
import context from './context';

const Layout = ({content}) => {
  return (
    <div className={`Layout ${themeClass}`}>
      <MeteorPackages.Provider value={context}>
        {content}
      </MeteorPackages.Provider>
    </div>
  );
};

export default Layout;

MeteorPackages.js

import React from 'react';
const MeteorPackages = React.createContext();

const withMeteorPackages = Component => (
  props => (
    <MeteorPackages.Consumer>
      {meteorPackages =>
        <Component {...props} meteorPackages={meteorPackages} />
      }
    </MeteorPackages.Consumer>
  )
);

export {withMeteorPackages};
export default MeteorPackages;