title: Uncaught Error: <Link>s rendered outside of a router context cannot navigate.(…) react
body: <p>this is my app.js</p>
  
  <pre><code>import Index from './index'
  import WeatherEng from './weatherEng'
  import WeatherAr from './weatherAr'
  
  import {Router, hashHistory, Route} from 'react-router'
  ReactDOM.render(
    &lt;Router history={hashHistory}&gt;
      &lt;Route path="/" component={Index}&gt;
          &lt;Route path="Arabic" component={WeatherAr}/&gt;
          &lt;Route path="english" component={WeatherEng}/&gt;
      &lt;/Route&gt;
    &lt;/Router&gt;, document.queryString('.container')
  )
  </code></pre>
  
  <p>and this index .js</p>
  
  <pre><code>import React  from 'react';
  import ReactDOM from 'react-dom';
  import $ from "min-jquery";
  import axios from "axios";
  import { render } from 'react-dom'
  import WeatherEng from './weatherEng'
  import WeatherAr from './weatherAr'
  import {Link} from 'react-router';
  
  
  const urlP=`http://localhost:3000/blah`;
  
  class App extends React.Component {
  constructor(props){
      super(props);
      this.state={ 
        imagedayA:[],
        imagenightA:[]
  
        };
    }
     componentDidMount() {
       axios.get(urlP)
              .then(function (response) {
                console.log(response.data,"this is response")
                this.setState({
                  imagedayA:response.data.today.iconday,
                  imagenightA:response.data.today.iconnight,
                })  
            }.bind(this))
              .catch(function (response) {
                console.log(response);
            });
        }
    render(){
      return (
         &lt;div&gt;
              &lt;button&gt;&lt;Link to="WeaAr"&gt;another&lt;/Link&gt;&lt;/button&gt;
              &lt;button&gt;&lt;Link to="WeaEng"&gt;English&lt;/Link&gt;&lt;/button&gt;
              &lt;div&gt;{this.props.children}&lt;/div&gt; 
  
          &lt;/div&gt;
  
      );
    };
  }
  
  
  render(&lt;App/&gt;,document.querySelector('.container'));
  </code></pre>
  
  <p><a href="https://imgur.com/uPH1y1t" rel="nofollow noreferrer">http://imgur.com/uPH1y1t</a>
  I got new errors  Uncaught TypeError: document.queryString is not a function(…)
   Warning: Failed propType: Invalid prop <code>component</code> supplied to <code>Route</code>.
  acctually the main idea is i want when click on another button it give yo component and when click on english button it move me to english component </p>