Child.tsx

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

const Child = ({ name, onClick }: ChildProps) => {
  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')} />;
};

export default Parent;