title: preact-router not working properly whenever click hyper link
body: <p>I'm currently developing Preact for my small project. One of my page is Master Detail page. Left side is detail page and right side is list page. Problem is whenever I click link on right side list page, detail page not rendered as getting stuck but render correctly when reload page. Please help me how to solve it.</p>
  
  <p><strong>left side</strong></p>
  
  <pre><code>fetchAPI(url) {
      return fetch(url)
          .then((response) =&gt; {
              if (response.status &gt;= 400) {
                  throw new Error('Bad response from server');
              }
              return response.json();
          });
  }
  
  componentDidMount() {
      const that = this;
      const url = 'https://blah.com/' + this.props.courseId;
      const instituteUrl = 'https://blah.com/';
  
      this.fetchAPI(url).then((data) =&gt; {
          this.fetchAPI(instituteUrl + data.institute_id).then((instituteData) =&gt; {
              that.setState({
                  result: data,
                  institute: data.institute,
                  courses: instituteData.courses.rows
              });
          });
      });
  }
  
  componentWillUnmount() {
  
  }
  
  render({ }, { result={}, institute={}, courses=['', '', '', '', '', '', '', '', '', ''] }) {
      return (
          &lt;div class={style.category}&gt;
              &lt;div class={style.content}&gt;
                  &lt;Title title={result.title} /&gt;
                  &lt;SubTitle subtitle={institute.name} /&gt;
                  &lt;Description description={result.html_description} /&gt;
              &lt;/div&gt;
              &lt;div class={style.listContent}&gt;
                  { courses.map( result =&gt; (
                      &lt;CoursesList result={result} target="_parent" /&gt;
                  )) }
              &lt;/div&gt;
          &lt;/div&gt;
      );
  }
  </code></pre>
  
  <p><strong>right list</strong></p>
  
  <pre><code>export default class CoursesList extends Component {
      render() {
          if (this.props.result.title &amp;&amp; this.props.result.title !== '') {
              return (
                  &lt;div class={style.coursesList}&gt;
                      &lt;div class={style.withpreview}&gt;
                          &lt;Link href={'/course/' + changeSlug(this.props.result.title) + '/' + this.props.result.id}&gt;{this.props.result.title}&lt;/Link&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              );
          } else {
              return (
                  &lt;div class={style.coursesList}&gt;
                      &lt;div class={style.withoutpreview}&gt;&lt;/div&gt;
                  &lt;/div&gt;
              );
          }
      }
  }
  </code></pre>