Как типизоровать props в react-typescript?

Question

[laravel_creative_3103]

Хотел создать переиспользуемый компонент, но не могу понять как типизировать:
ПРИМЕРНЫЙ КОД БЕЗ TYPESCRIPT

const MyButton = ({children, . ..props}) => {
      return (
          <button {...props} >{children}</button> 
     )
}

Можно ли писать таким образом?

import { ReactNode } from 'react';
type InputProps = {
  children: ReactNode;
};

const MyButton = ({ children, ...props }: InputProps) => {
  return <button {...props}>{children}</button>;
};

Comments

[WbICHA]

Очевидно унаследовать тип кнопки. Собственно, тут и чилдрена прописывать необязательно.