propsからaria-*のみを抽出するutilityを作った

始めに アクセシビリティの対応でaria-*属性を設定することがあると思いますが、自作コンポーネントにこれらの属性も提供するとpropsの数が増えて少し読みづらくなってしまうと思います。スプレッド演算で一括でDOM要素に流し込めるのであれば気にしなくても良いと思いますが、multipleのような渡されるpropによって型が変わる場合は分割させる訳にいかないため、スプレッド演算で一括代入するのは難しいケースがあると思います。 import type { FC, AriaAttributes } from 'react'; type Props = { size?: 'small' | 'medium' | 'large' } & Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'> & ( // multipleがついているときは複数、