title: My React Component is rendering twice because of Strict Mode
body: <p>My React Component is rendering twice. So, I decided to do a line by line debug and the problem is here</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code> if ( workInProgress.mode &amp; StrictMode) {
          instance.render();
        }</code></pre>
  </div>
  </div>
  </p>
  
  <p>React-dom.development.js</p>
  
  <p>Is it because of strict mode? can I disable it? What is Strict mode? Do I need it? </p>