title: TS2322 Error when extending Button, component property not found. What is the correct way to type?
body: <p>I am migrating from MUI v3 to v4. I have some wrapped Button components that extend some styling and other properties on the regular Material UI Button component. Since upgrading to v4, I get type errors with this. I am utilizing react-router-dom as my routing library.</p>
  
  <p>When passing the forwarded ref components as written in the updated Button example in the MUI v4 documentation (here: <a href="https://material-ui.com/components/buttons/#third-party-routing-library" rel="noreferrer">https://material-ui.com/components/buttons/#third-party-routing-library</a>) I get a type error that <code>component</code> does not exist in the props type I've provided for my wrapped button.</p>
  
  <p>I've tried various combinations of types from the Button component to see if something else might work but it seems that <code>ButtonProps</code> should cover it based on the <code>OverrideProps</code> type that <code>ButtonProps</code> is built from.</p>
  
  <p>Here is my reproduction in code sandbox: </p>
  
  <p><a href="https://codesandbox.io/s/mui-button-type-issue-dihdd?from-embed" rel="noreferrer">https://codesandbox.io/s/mui-button-type-issue-dihdd?from-embed</a></p>
  
  <p>Note: It takes a minute for the type errors to show up while Code Sandbox chugs through the types.</p>
  
  <p><a href="https://i.stack.imgur.com/z4pbu.png" rel="noreferrer"><img src="https://i.stack.imgur.com/z4pbu.png" alt="enter image description here"></a></p>