title: Will JSX conditional rendering out of an object code split?
body: <p>Will conditional rendering out of an object code split and lazy load as expected?  Here's a short example of what I'm talking about.</p>
  <pre><code>const Component1 = lazy(() =&gt; import('some path'));
  const Component2 = lazy(() =&gt; import('some path'));
  const Component3 = lazy(() =&gt; import('some path'));
  
  render () {
    const { selectionIndex } = this.state;
    &lt;Suspense fallback={&lt;div&gt;Loading...&lt;/div&gt;}&gt;
      {{
        one: &lt;Component1 /&gt;,
        two: &lt;Component2 /&gt;,
        three: &lt;Component3 /&gt;,
      }[selectionIndex]}
    &lt;/Suspense&gt;
  }
  </code></pre>
  <p>I want to know whether all three components will load on render, or just the one selected by selectionIndex.  I'm trying to use this to conditionally select something to display based on a menu set by state, but I don't want to load everything at once.</p>