title: Uncaught RangeError: Maximum call stack size exceeded ReactElement.js
body: <p>I am trying to display three components in the browser, but I am
     getting <code>Uncaught RangeError: Maximum call stack size exceeded</code>.
     The anonymous function is pointing to the react internal files. It
     would be great if you guys could let me know how to debug and fix the
     error. I'm providing the main js file which causes the error</p>
  
  <p><strong>I debugged at this line <code>ReactCompositeComponent_mountComponent @ ReactPerf.js?94d4:66</code> It's throwing some object... but I'm not sure how to proceed.
  <code>output: renderedComponent = Object {$$typeof: Symbol(react.element), type: "div", key: null, ref: null, props: Object…}</code></strong></p>
  
  <p><strong>error</strong></p>
  
  <pre><code>Uncaught RangeError: Maximum call stack size exceeded ReactElement.js?49af:112 
  
  ReactElement.createElement @ ReactElement.js?49af:112
  ReactElementValidator.createElement @ ReactElementValidator.js?0630:223
  redux-ball_render @ redux-ball.jsx?ed37:53
  (anonymous function) @ makeAssimilatePrototype.js?04ea:15
  ReactCompositeComponentMixin._renderValidatedComponentWithoutOwnerOrContext @ ReactCompositeComponent.js?3093:587
  ReactCompositeComponentMixin._renderValidatedComponent @ ReactCompositeComponent.js?3093:607
  ReactCompositeComponent__renderValidatedComponent @ ReactPerf.js?94d4:66
  ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js?3093:220
  ReactCompositeComponent_mountComponent @ ReactPerf.js?94d4:66
  ReactReconciler.mountComponent @ ReactReconciler.js?bb76:37
  </code></pre>
  
  <p><strong>code</strong></p>
  
  <pre><code>import Basketball from 'sports-players';
  import CarRacing from 'sports-players';
  import Football from 'sports-players';
  
  export default {
  
  };
  </code></pre>