a guess at something

element.js

import render from './render';

class Element extends React.Component {
  render () {
    return (
      <span>[this.context.foobar}</span>
    );
  }
}
             
export default context => render(
  <Element />,
  context
);

main.js

import renderElement from './element';

const context = {
  foobar: 'foobar'
};

export default class Main extends React.Component {
   render () {
     return renderElement(context)
   }
}

render.js

export default function render (element context) {
  return class ContextContainer extends React.Component {
    static childContextTypes = context;
    
    getChildContext () {
      return context;
    }
    
    render () {
      return element
    }
  }
}