title: Suspense is not loading content after render reactjs
body: <p>I am using <strong>code-splitting</strong> lazy load concept of reactjs. But <code>&lt;Suspense&gt;</code> is not seems to work for me because it's not showing me the fallback loading message and directly loading the code on render inside it. </p>
  
  <p>I am running react app in my local dev enviroment and not using it's production version. Below is the code I am using.</p>
  
  <pre><code>import React,{ lazy, Suspense } from 'react';
  
  class Homepage extends React.Component{
  render(){
     return(
       &lt;div&gt;
         &lt;Suspense fallback={&lt;h2&gt;Products are loading...&lt;/h2&gt;}&gt;
            // products display code
         &lt;/Suspense&gt;
       &lt;/div&gt;
     );
  }
  </code></pre>
  
  <p>Here is the sandbox link: <a href="https://codesandbox.io/s/hardcore-bouman-egx93" rel="nofollow noreferrer">https://codesandbox.io/s/hardcore-bouman-egx93</a></p>