title: How to debug React Router?
body: <p>I'm trying to use React Router in my react app which is bounded as wordpress plugin and uses flux to fetch api data.</p>
  
  <p>my entry point looks as it follows</p>
  
  <pre><code>import React from 'react';
  import Workshops  from './components/workshops';
  import Workshop  from './components/workshop';
  import NotFound  from './components/notfound';
  import Router, { Route, DefaultRoute, NotFoundRoute, Redirect, Link } from 'react-router';
  import json  from './config.json';
  localStorage.clear();
  localStorage.setItem('workshops', JSON.stringify(json));
  
  const AppRoutes = (
     &lt;Route path="/" handler={Workshops}&gt;
      &lt;DefaultRoute handler={Workshop} /&gt;
      &lt;Route name="workshop" path=":slug" handler={Workshop}/&gt;
      &lt;NotFoundRoute handler={NotFound} /&gt;
    &lt;/Route&gt;
  );
  
  Router.run(AppRoutes, Router.HashLocation, (Root) =&gt; {
    React.render(&lt;Root /&gt;, document.getElementById('workshop-booker'));
  });
  </code></pre>
  
  <p>than in my Workshops component I make some links to a given route, I have hash changes but the routed component does not getting fired. </p>
  
  <pre><code>&lt;h3&gt; &lt;Link to="workshop" params={{slug: workshop.slug }}&gt; {workshop.title.rendered }&lt;/Link&gt;&lt;/h3&gt;
  </code></pre>