<h2 dir="auto">Example name</h2>
<p dir="auto">with-rematch</p>
<h2 dir="auto">Describe the bug</h2>
<p dir="auto">I'm using <code class="notranslate">with-rematch</code> to build my app, and I found my component with <code class="notranslate">withRematch</code> HoC works strangly: <code class="notranslate">componentDidMount</code> was called instead of <code class="notranslate">componentDidUpdate</code> if its prop updated.</p>
<h2 dir="auto">To Reproduce</h2>
<p dir="auto">I copied <code class="notranslate">with-rematch</code> in my repo: <a href="https://github.com/zsxtoys/PoC-nextjs-with-rematch/">https://github.com/zsxtoys/PoC-nextjs-with-rematch/</a><br>
First of all, I added <code class="notranslate">console.log</code> to <code class="notranslate">componentDidMount</code>:<br>
<a href="https://github.com/zsxtoys/PoC-nextjs-with-rematch/commit/860ea41818f67f44732858f972280c42f345e33a">https://github.com/zsxtoys/PoC-nextjs-with-rematch/commit/860ea41818f67f44732858f972280c42f345e33a</a></p>
<p dir="auto">Then, I click on <code class="notranslate">Home</code> repeatly, and i found <code class="notranslate">componentDidMount</code> called more than once.<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/2398785/46871895-302bdd80-ce65-11e8-8d6f-a159ff8729ad.png"><img src="https://user-images.githubusercontent.com/2398785/46871895-302bdd80-ce65-11e8-8d6f-a159ff8729ad.png" alt="image" style="max-width: 100%;"></a></p>
<h2 dir="auto">Expected behavior</h2>
<p dir="auto"><code class="notranslate">componentDidMount</code> should be call only once.</p>
<h2 dir="auto">System information</h2>
<ul dir="auto">
<li>OS: macOS</li>
<li>Browser: Chrome</li>
<li>Version of Next.js: 7.0.0</li>
</ul>
<p dir="auto">Hello everyone! I was going to start researching if using Next for our project was a good choice, but I couldn't get the <a href="https://github.com/zeit/next.js/tree/master/examples/hello-world">'hello-world'</a> example working. I've followed exactly as the <code class="notranslate">README</code> says, but it won't work. I've also followed the guide on <a href="https://github.com/zeit/next.js/blob/master/readme.md#setup">Next's Readme</a>, but I've got the same results.</p>
<p dir="auto">Am I doing anything wrong? Perhaps with my environment?</p>
<p dir="auto">Thanks and sorry if this is duplicated (found similar issues, but didn't help me).</p>
<p dir="auto">This is the error:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="ERROR  Failed to compile with 1 errors                                                                                                                                      15:25:47

 error  in ./pages?entry

Syntax Error: Unexpected token (3:2)

  1 | import Link from 'next/link'
  2 | export default () =&gt; (
&gt; 3 |   &lt;div&gt;Hello World. &lt;Link href='/about'&gt;&lt;a&gt;About&lt;/a&gt;&lt;/Link&gt;&lt;/div&gt;
    |   ^
  4 | )
  5 |


 @ multi ./pages?entry"><pre class="notranslate"><code class="notranslate">ERROR  Failed to compile with 1 errors                                                                                                                                      15:25:47

 error  in ./pages?entry

Syntax Error: Unexpected token (3:2)

  1 | import Link from 'next/link'
  2 | export default () =&gt; (
&gt; 3 |   &lt;div&gt;Hello World. &lt;Link href='/about'&gt;&lt;a&gt;About&lt;/a&gt;&lt;/Link&gt;&lt;/div&gt;
    |   ^
  4 | )
  5 |


 @ multi ./pages?entry
</code></pre></div>