React passing props to children within parent component + TypeScript

interface Props {
children: ReactElement;
options: string[];
onChange: () => void;
}
export const Select = (props: Props) => {

const onChange = () => {};

const handleChangeOption = () => {};

return React.cloneElement(props.children, {
          checked: checkedOptions.includes(child.props.value),
          onChangeOption: handleChangeOption,
        });
}

interface Props {
onChangeOption: () => void;
}
export const SimpleOption = (props: Props) {
return <p onChange={props.onChangeOption}></p>
}

const [categories, setCategories] = useState<string[]>(['shirts', 'shoes', 'trousers']);
return (
<Select onChange={e => setCategories(e)} options={categories}>
<SimpleOption onChangeOption={____ I don't want to repeat this (already passed in Select component ___} />
<SimpleOption onChangeOption={"like above"} />
</Select>
);