TypeScript React Component with React.FC

Child.tsx

interface ChildProps {
  name: string;
  onClick: () => void;
}

const Child: React.FC<ChildProps> = ({ name, onClick }) => {
  return (
    <div>
      {name}
      <button onClick={onClick}>Click</button>
    </div>
  );
};

export default Child;

Parent.tsx

import Child from './Child';

const Parent = () => {
  return (
    <Child name="jayson" onClick={() => console.log('test')}>
      other children content here
    </Child>
  );
};

export default Parent;