title: react-breadcrumbs throwing error when using with router
body: <p>React Breadcrumbs is throwing some error when using with Router. </p>
  
  <p>I am following this tutorial for implementation. </p>
  
  <p><a href="http://learnreact.robbestad.com/breadcrumbs" rel="nofollow noreferrer">http://learnreact.robbestad.com/breadcrumbs</a></p>
  
  <p><strong>Below is the code:</strong> </p>
  
  <pre><code>var Breadcrumbs = require('react-breadcrumbs');
  
  const Routes = () =&gt; (
    &lt;BrowserRouter&gt;
          &lt;div&gt;
            &lt;Header /&gt;
            &lt;MegaMenu /&gt;
            {Breadcrumbs}
            &lt;Route exact path='/' name='HomePage' component={HomePage}/&gt;
            &lt;Route path='/celebrity' name='Celebrities' component={Celebrities}/&gt;
            &lt;Route path='/axios' name='Axios' component={Axios}/&gt;
            &lt;Route path='/brands' name='Brands' component={Brands}/&gt;
            &lt;Footer /&gt;
          &lt;/div&gt;
    &lt;/BrowserRouter&gt;
  );
  
  export default Routes;
  </code></pre>
  
  <p><strong>Below is the error:</strong></p>
  
  <p><strong><em>Objects are not valid as a React child (found: object with keys {Breadcrumb, Breadcrumbs}). If you meant to render a collection of children, use an array instead.</em></strong></p>