title: Property 'x' is missing in type '{}' but required in type 'Pick<Interface, "x">'. TS2741
body: <p>I am trying to pass some things from redux store to a component with <code>connect</code>. This is my code:</p>
  <p>Parent:</p>
  <pre><code>export const MainPage = (
    {
      count,
      handleIncrementClick,
      selectedOfferId,
    }: MainPageProps,
  ): React.ReactElement =&gt; {
    const handleClick = (): Function =&gt; handleIncrementClick(count + 1);
    return (
      &lt;div&gt;
        &lt;h1 data-testid=&quot;FirstH1&quot;&gt;{`Selected offer: ${selectedOfferId}`}&lt;/h1&gt;
        &lt;button onClick={handleClick} type=&quot;button&quot;&gt;
          {`Klikłeś  ${count}  razy`}
        &lt;/button&gt;
        &lt;OffersContainer /&gt; {/* It throws the error here */}
      &lt;/div&gt;
    );
  };
  </code></pre>
  <p>Child:</p>
  <ul>
  <li><p>Container:</p>
  <pre><code> const mapStateToProps = (state: globalStateType) =&gt; ({
     dataset: state.offersDataSet,
   });
  
   const mapDispatchToProps = (dispatch: Dispatch): FSetSelectedOfferIdInterface =&gt; ({
     FSetSelectedOfferId: (
       selectedOfferId: selectedOfferIdType,
     ) =&gt; dispatch(setSelectedOfferId(selectedOfferId)),
   });
  
   export const OffersContainer = connect(mapStateToProps, mapDispatchToProps)(OffersComponent);
  </code></pre>
  </li>
  <li><p>Component:</p>
  <pre><code> export const OffersComponent = ({ offersDataSet }: OffersPropsInterface): ReactElement =&gt; (
     &lt;&gt;
       {offersDataSet.map(({
         id, firstName, city, price, image, description,
       }): React.ReactElement =&gt; (
         &lt;FlexWrapper key={id.$oid}&gt;
           &lt;OfferContainer
             id={id}
             firstName={firstName}
             city={city}
             price={price}
             image={image}
             description={description}
           /&gt;
         &lt;/FlexWrapper&gt;
       ))}
     &lt;/&gt;
   );
  </code></pre>
  </li>
  </ul>
  <p>OffersPropsInterface:</p>
  <pre><code>export interface OffersPropsInterface {
    offersDataSet: OfferPropsInterface[];
  }
  </code></pre>
  <p>OfferPropsInterface:</p>
  <pre><code>export interface OfferPropsInterface {
    id: {'$oid': string};
    firstName: string;
    city: string;
    price: number;
    image: string;
    description: string;
  }
  </code></pre>
  <p>This seems like a simple problem, but for some reason I get this error:</p>
  <blockquote>
  <p>Property 'offersDataSet' is missing in type '{}' but required in type 'Pick&lt;OffersPropsInterface, &quot;offersDataSet&quot;&gt;'.  TS2741</p>
  </blockquote>
  <p>Why though? I'm not rendering the component, instead I'm rendering the container, which requires only the <code>offersDataSet</code> as an array, which is provided through redux. How can I make it so that the <code>offersDataSet</code> is mandatory, but only for redux, not for rendering? Or is the problem something entirely different?</p>