title: Type '{}' is missing the following properties from type 'RouteComponentProps<{},,>'
body: <p>So I'm quite new to React, and especially new to Typescript. I'm trying my best to wrap my head around it all so bare with me!</p>
  <ol>
  <li>index.tsx</li>
  <li>Router.tsx (all of the different routes)</li>
  <li>LandingFrame.tsx (page layout)</li>
  </ol>
  <pre class="lang-js prettyprint-override"><code>import React from 'react';
  
  import LandingMain from './LandingMain'
  
  const LandingFrame = () =&gt; {
      return (
          &lt;LandingMain/&gt;
      );
  }
  
  export default LandingFrame;
  </code></pre>
  <ol start="4">
  <li>LandingMain.tsx (main)</li>
  </ol>
  <pre class="lang-js prettyprint-override"><code>import React, { forwardRef } from 'react';
  import { RouteComponentProps } from 'react-router-dom';
  import { useQuery } from '@apollo/react-hooks';
  import gql from 'graphql-tag';
  
  const YES = gql`
    query yes {
      yes {
        id
        data
        data {
          data
          data
        }
      }
    }
  `;
  
  const LandingMain = ({ history }: RouteComponentProps&lt;{}&gt;) =&gt; {
    const { loading, error, data } = useQuery(YES);
  
    if (loading) return &lt;p&gt;Loading...&lt;/p&gt;;
    if (error) return &lt;p&gt;Error: {error.message}&lt;/p&gt;;
  
    return (
      &lt;div&gt;
        &lt;h1&gt;landing-page.js&lt;/h1&gt;
        {data.yes 
          ? &lt;p&gt;Welcome back, {data.yes.data}&lt;/p&gt; 
          : &lt;p&gt;Welcome back, Anon&lt;/p&gt;
        }
      &lt;/div&gt;
  
    );
  };
  
  export default LandingMain;
  
  </code></pre>
  <p>(on a 2nd note) I'm hoping that by splitting the landing page, the frame would load first, following the graphql query in the main component. That way when the page loads it doesn't only return <code>&lt;p&gt;Loading...&lt;/p&gt;</code> on a blank page before loading the rest.</p>
  <pre><code>TypeScript error in LandingFrame.tsx(22,14):
  Type '{}' is missing the following properties from type 'RouteComponentProps&lt;{}, StaticContext, PoorMansUnknown&gt;': history, location, match  TS2739
  </code></pre>
  <p>At this point I'm just trying to split up as much code as I can. But while doing so I noticed that TS won't let me import a component as easily as React would. From what I've read, I need to pass props somehow?</p>