title: React children issue (typescript)
body: <p>I will provide all the code needed for my issue, I am stumped as to how to solve this I have tried many things none of which worked.</p>
  
  <pre><code>export class JobBuilderOptimise extends React.Component&lt;JobBuilderOptimiseProps &amp; JobBuilderOptimiseDispatch&gt; {
      render() {
          const {
              jobPosting,
              search,
              previewByTemplate
          } = this.props.pageState;
  
  
          return (
  
              &lt;div className="optimise-page"&gt;
                  &lt;Row&gt;
                      &lt;Col sm={7} &gt;
                          &lt;div className="optimise-panel"&gt;
                              {this.props.children}
                          &lt;/div&gt;
                      &lt;/Col&gt;
  
                      &lt;Col sm={5}&gt;
                          &lt;div className="preview-panel"&gt;
                              &lt;JobPostingControl jobDescription={jobPosting.data} isLoading={search.previewRequestState.isBusy || previewByTemplate.isBusy} leftSide={this.props.children}/&gt;
                          &lt;/div&gt;
                      &lt;/Col&gt;
                  &lt;/Row&gt;
              &lt;/div&gt;
          );
      }
  </code></pre>
  
  <p>this.props.children either displays JobBuilderModel.tsx or JobBuilderSearch.tsx. I can provide the code for each if neccessary but the main identifying factors I can find are the props: </p>
  
  <pre><code>interface JobBuilderModelProps {
      pageState: BuilderState;    
  }
  </code></pre>
  
  <hr>
  
  <pre><code>interface JobBuilderSearchProps {
      pageState: SearchState;
  }
  </code></pre>
  
  <p>and also the classNames of the container divs:</p>
  
  <pre><code>&lt;div className="search-job-section"&gt;
  ...
  &lt;/div&gt;
  </code></pre>
  
  <hr>
  
  <pre><code>&lt;div className="model-job-section"&gt;
  ...
  &lt;/div&gt;
  </code></pre>
  
  <p>The reason I have provided these are because I have to figure out which of the two react components will be displayed (and I have been trying to distinguish the two in any way in order to identify which actually is being displayed but maybe that is not the right way to go about it), and based on that, have to pass a string into the JobPostingControl control that is also on the page. Let me know if any more details are needed.</p>