title: How to lazy load multiple components at a same time
body: <p>I have 2 components, I want to load all of them using lazy load something like </p>
  
  <pre><code>const A = lazy(() =&gt; import("../test/A")); 
  const B = lazy(() =&gt; import("../test/B")); 
  </code></pre>
  
  <p>This will create 2 separate bundles, and will import them when required.</p>
  
  <p>But, <strong>I want to create a single bundle</strong> and when that bundle loads I should be able to use both above components.</p>
  
  <p>I also don't want to create a single component containing both the above components as I want a separate route for both of them</p>
  
  <p>I tried to do something like this
  <a href="https://codesandbox.io/s/eager-raman-mdqzc?file=/src/App.js" rel="noreferrer">https://codesandbox.io/s/eager-raman-mdqzc?file=/src/App.js</a>  </p>
  
  <p>Can please somebody will explain me Is this type of functionality possible, If yes then how and what am I doing wrong</p>