<p dir="auto">Hi guys,<br>
I'm trying to test the performance of my app by using react perf tools. The problem is its not working.<br>
I call</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="Perf.start()

Perf.stop()

Perf.printWasted()"><pre class="notranslate"><code class="notranslate">Perf.start()

Perf.stop()

Perf.printWasted()
</code></pre></div>
<p dir="auto">in the console, which works (no console errors or warnings), but <code class="notranslate">printWasted()</code> always returns empty Array and a message</p>
<blockquote>
<p dir="auto">Total time: 0.00 ms</p>
</blockquote>
<p dir="auto">This also happens for other functions like <code class="notranslate">printInclusive()</code> and <code class="notranslate">printExclusive()</code><br>
What can be the problem?<br>
P.S I'm using react-router, how is react perf performing with that? Maybe that's causing some issues?<br>
Also, <code class="notranslate">process.env.NODE_ENV</code> is not set to production, and I'm using <code class="notranslate">React 0.13.3</code></p>
<p dir="auto">It would be great if in debug mode react would warn you when you pass in a property on props which is not specified in the propTypes object for that component. i.e. a way to enforce that props should ONLY have the props specified in propTypes and no others.</p>
<p dir="auto">This would prevent use of undocumented properties and also allow better code maintenance as unused props would be more easily removed.</p>