title: react Profiling not supported
body: <p>Chrome React Dev Tool's Profile Tab Said to me "react Profiling not supported".\n
  But, I'm Set at my webpack.config.prod.js.\n</p>
  
  <p>Im followd all description in '<a href="https://gist.github.com/bvaughn/25e6233aeb1b4f0cdb8d8366e54a3977" rel="nofollow noreferrer">https://gist.github.com/bvaughn/25e6233aeb1b4f0cdb8d8366e54a3977</a>'.
  What of I'm forget anything there site description?</p>
  
  <p><a href="https://i.stack.imgur.com/Mgbv1.png" rel="nofollow noreferrer">My Chrome Dev Tool Said Image</a>\n</p>
  
  <p>-> my webpack config. </p>
  
  <pre><code>var buildConfig = merge(baseConfig, {
    optimization: {
      minimize: true
    },
    resolve: {
      extensions: [".js", ".css"],
      alias: {
        styles: path.join(__dirname, ""),
        "react-dom$": "react-dom/profiling",
        "scheduler/tracing": "scheduler/tracing-profiling"
      }
    },
  </code></pre>
  
  <p>This is My App.</p>
  
  <pre><code>import * as React from "react";
  import { Profiler } from "react";
  
  const logProfile = (
    id: string,
    phase: "mount" | "update",
    actualDuration: number,
    baseDuration: number,
    startTime: number,
    commitTime: number,
    interactions: Set&lt;any&gt;
  ) =&gt; {
    console.log("Profiling ID", id);
    console.log("Profiling phase", phase);
    console.log("Profiling actualDuration", actualDuration);
    console.log("Profiling baseDuration", baseDuration);
    console.log("Profiling startTime", startTime);
    console.log("Profiling commitTime", commitTime);
    console.log("Profiling interactions", interactions);
  };
  class TeacherConfig extends React.Component {
    render() {
      return (
        &lt;&gt;
          &lt;Profiler id="application" onRender={logProfile}&gt;
            &lt;div id="preload_hidden"&gt;
              &lt;span&gt;abcd&lt;/span&gt;
              &lt;span style={{ fontWeight: "bold" }}&gt;abcd&lt;/span&gt;
              &lt;span className="set" /&gt; &lt;span className="unlimit" /&gt;{" "}
              &lt;span className="start" /&gt;
              &lt;span className="time1" /&gt;
              &lt;span className="time2" /&gt; &lt;span className="time3" /&gt;
            &lt;/div&gt;
            &lt;Navigations /&gt;
          &lt;/Profiler&gt;
        &lt;/&gt;
      );
    }
  }
  </code></pre>
  
  <p>This is part of my package.json .</p>
  
  <pre><code> "dependencies": {
      "react": "^16.9.0",
      "react-dom": "^16.5.0",
      "react-draggable": "^3.0.5",
      "react-hot-loader": "^4.3.11",
      "react-id-swiper": "^1.6.8",
      "react-resize-detector": "^3.4.0",
      "sass-loader": "^7.1.0",
      "scheduler": "^0.10.0"
  }
  </code></pre>