【React】onClick時にevent.preventDefaultしつつ関数に引数を渡す方法

handleClick関数内でe.preventDefault()書くとうまくいかないので、JSX内の方で書く。 こんな感じで書けば大丈夫。

  const handleClick = (id: string) => {
    console.log(id)
  }
...

          <button
            onClick={(e: React.MouseEvent<HTMLButtonElement>) => {
              e.preventDefault()
              handleClick(id)
            }}
          />