title: Pass both props and observer to observed component
body: <p>How can I pass both props and a store to a Mobx <code>observer</code> component? Here is the observed component. I don't get any errors when I try to access <code>props.isFilterDrawerOpen</code> in the component</p>
  <pre><code>export interface Props {
      isFilterDrawerOpen: boolean
  }
  
  export const Dashboard = observer(({myStore, props} : {myStore: MyStore, props: PropsWithChildren&lt;Props&gt;}) =&gt; {
  //...
  });
  </code></pre>
  <p>However, when I try to use <code>Dashboard</code> as below:</p>
  <pre><code>            &lt;Dashboard
                myStore={myStore}
                isFilterDrawerOpen={isFilterDrawerOpen} /&gt;
  </code></pre>
  <p>I get this error:</p>
  <pre><code>TS2322: Type '{ myStore: MyStore; isFilterDrawerOpen: boolean; }' is not assignable to type 'IntrinsicAttributes &amp;amp; { myStore: MyStore; props: PropsWithChildren&amp;lt;Props&amp;gt;; }'.
  Property 'isFilterDrawerOpen' does not exist on type 'IntrinsicAttributes &amp;amp; { myStore: MyStore; props: PropsWithChildren&amp;lt;Props&amp;gt;; }'.
  </code></pre>
  <p>I can pass <code>props</code> parameter manually like this, but I'd be nice if I can achieve the above.</p>
  <pre><code>            &lt;Dashboard
                myStore={myStore}
                props={{isFilterDrawerOpen: isFilterDrawerOpen}} /&gt;
  </code></pre>