child-runs-parent-function.jsx

function Child({ onClick }) {
  return <button onClick={onClick} type="button">Child Button</button>;
}

export default function Parent() {
  const onClick = () => {
    console.log('I\'m in the parent, but the child was clicked');
  };

  return (
    <>
      <p>Parent content</p>
      <Child onClick={onClick} />
    </>
  );
}