TSXでフォルダまたはZipファイルを受け取れるようにしたい

Question

tsx記述でinput属性をフォルダまたはZipファイルを受け取りたいので下記のようにしました.

 <input type="file" directory="" webkitdirectory="" ref={ref} />

しかし下記のようなタイプエラーが出てしまいました.

Type '{ type: string; directory: string; webkitdirectory: string; ref: RefObject<HTMLInputElement>; }' is not assignable to type 'DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>'.
  Property 'directory' does not exist on type 'DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>'.  TS2322

いまいち,どのように対処していいのかわからないので助言をいただきたいです.
よろしくお願いします.

Answer 1

調べればすぐ出てきましたよ。

React.jsで"Unknown prop"に立ち向かう - Qiita

要約

Chrome限定のプロパティはReactのTypesに定義されていないようなので
ごり押しですが、componentDidMount()内で後付けします。