title: Dynamically Supply Component To Redux Container
body: <p>I have a basic redux container:</p>
  
  <pre><code>import { connect } from 'react-redux';
  import Renderer from '../components/renderers/AlphaRenderer/AlphaRenderer';
  
  const mapStateToProps = state =&gt; ({
    ...
  });
  
  const mapDispatchToProps = dispatch =&gt; ({
    ...
  });
  
  const RendererContainer = connect(mapStateToProps, mapDispatchToProps)(AlphaRenderer);
  
  export default RendererContainer;
  </code></pre>
  
  <p>This exact same container is used with multiple React components - each component uses the same props and emits the same events, but other than that are very different from one-another. Rather than repeat the same container for each component, I would like a way to pass in the component to the container. The equivalent of:</p>
  
  <pre><code>&lt;RendererContainer component={AlphaRenderer} /&gt;
  &lt;RendererContainer component={BetaRenderer} /&gt;
  &lt;RendererContainer component={CharlieRenderer} /&gt;
  </code></pre>
  
  <p>Is there a way to pass a component into a container at runtime?</p>