React で型の named import は辞めよう - Qiita

React コーディング全てではなく、主に SyntheticEvent 型を継承している DOM 周りの型に限っては、named import を避けるべきです。一見エラーにならない様に感じる次のコードですが、onClick にバインディングする行でエラーが発生します。 import React from 'react' import { MouseEvent } from 'react' type Props = { handleClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void } const Component: React.FC<Props> = props => ( <div> <button onClick={props.handleClick}></button> // Error