TypeScript React，获取onClick id的正确类型是什么？

import React from 'react';

interface ButtonProps {
  id: string;
  onClick: (id: string) => void;
}

const Button: React.FC<ButtonProps> = ({ id, onClick }) => {
  const handleClick = () => {
    onClick(id);
  };

  return <button onClick={handleClick}>Click me</button>;
};

export default Button;

import React from 'react';
import Button from './Button';

const App: React.FC = () => {
  const handleClick = (id: string) => {
    console.log(`Clicked button with id: ${id}`);
  };

  return (
    <div>
      <Button id="button1" onClick={handleClick} />
      <Button id="button2" onClick={handleClick} />
    </div>
  );
};

export default App;