FUIからexportされたPropsの一部をOmit等で改変するとそのまま渡せなくなる

[Qs-F]

概要

FUIからexportされているProps型の一部 (TextAreaProps等) を変更して使おうとするとエラーになる

import { TextArea as FUITextArea, TextAreaProps as FUITextAreaProps } from '@4design/for-ui'

type Name = 'firstName' | 'lastName'

type TextAreaProps = Omit<FUITextAreaProps, 'name'> & { name: Name }

const TextArea = (props: TextAreaProps) => (
  // Types of property 'minRows' are incompatible.
  //   Type 'number | undefined' is not assignable to type 'undefined'.
  //     Type 'number' is not assignable to type 'undefined'
  <FUITextArea {...props} />
)

解決方法

Omitがタグ付きUnionを破壊してしまうのが原因である。 (参照1 、参照2)
これを解決するには

type MyOmit<T, K extends keyof T> = {
  [Property in keyof T as Exclude<Property, K>]: T[Property];
}

このようなOmitを定義して使うようにする