【React+TypeScript】Function Componentで省略可能propsの省略した場合の値を型安全に指定する

こんな問題がありますが、結論としては、回避策として「名前のついた型を指定しない」のが楽です。

リンク先から引用。

const MyComponent = (props: { name: string, telephone: string }) => {
  ...
}

MyComponent.defaultProps = { telephone: "222-333-4444" }

// Works - good
const test = <MyComponent name="Hulk Hogan" />

// Doesn't work - missing name, good
const test = <MyComponent />