如何在react typescript中通过props发送函数

import React from "react";
import ChildComponent from "./ChildComponent";

function ParentComponent() {
  const handleClick = () => {
    console.log("Button clicked");
  };

  return (
    <div>
      <ChildComponent handleClick={handleClick} />
    </div>
  );
}

export default ParentComponent;

import React from "react";

type ChildComponentProps = {
  handleClick: () => void;
};

function ChildComponent(props: ChildComponentProps) {
  return (
    <div>
      <button onClick={props.handleClick}>Click Me</button>
    </div>
  );
}

export default ChildComponent;