title: what is the difference between React.HTMLProps<> and React.HTMLAttributes<T>?
body: <p>I am trying to defined a props interface for my Component and would like it to include all common attributes.</p>
  
  <p>but found out there are two different interface i can extend</p>
  
  <p><code>
  interface MyProps extend React.HTMLProps&lt;HTMLElement&gt;
  </code>
  and 
  <code>
  interface MyProps extend React.HTMLAttributes&lt;HTMLElement&gt;
  </code></p>
  
  <p>what is the difference? which one should I use?
  seems like HTMLProps includes HTMLAttributes, does it mean HTMLProps should be a better candidates?</p>