title: react-router Link is not working
body: <p>I am trying to create a simple Link in react . here is the code:</p>
  
  <pre><code>    import React from 'react';
  import { Link }  from 'react-router';
  class List extends React.Component{
      render() {
          return (
          &lt;div&gt;
          &lt;p&gt;please choose from repository below.&lt;/p&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;Link to={"/react"}&gt;React&lt;/Link&gt;&lt;/li&gt;
          &lt;/ul&gt;
          &lt;/div&gt;
          );
      }
  }
  
  export default List;
  </code></pre>
  
  <p>Here is my package.json:</p>
  
  <pre><code>"dependencies": {
      "chance": "^1.0.9",
      "history": "^4.6.1",
      "react": "^15.5.4",
      "react-dom": "^15.5.4",
      "react-router": "^4.1.1",
      "react-router-dom": "^4.1.1",
      "superagent": "^3.5.2"
  </code></pre>
  
  <p>I used following command to run my code:</p>
  
  <p>webpack-dev-server</p>
  
  <pre><code>bundle.js:1004 Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in. Check the render method of `List`.
      in List (created by Route)
      in Route
      in div
      in Router (created by HashRouter)
      in HashRouter
  </code></pre>
  
  <p>if I remove </p>
  
  <pre><code>&lt;li&gt;&lt;Link to={"/react"}&gt;React&lt;/Link&gt;&lt;/li&gt; 
  </code></pre>
  
  <p>from my code then the page loads properly. Am i using old method of creating Link on component ?</p>
  
  <p>Any hints are appreciated ...</p>