如何使所有部分只激活一个单选按钮？

<input type="radio" name="option" value="option1" onclick="handleRadioClick(this)">
<input type="radio" name="option" value="option2" onclick="handleRadioClick(this)">
<input type="radio" name="option" value="option3" onclick="handleRadioClick(this)">

<script>
function handleRadioClick(radio) {
  var radios = document.getElementsByName("option");
  for (var i = 0; i < radios.length; i++) {
    if (radios[i] !== radio) {
      radios[i].checked = false;
    }
  }
}
</script>

import React, { useState } from "react";

function RadioButtonGroup() {
  const [selectedOption, setSelectedOption] = useState(null);

  const handleRadioClick = (option) => {
    setSelectedOption(option);
  };

  return (
    <div>
      <input
        type="radio"
        name="option"
        value="option1"
        checked={selectedOption === "option1"}
        onChange={() => handleRadioClick("option1")}
      />
      <input
        type="radio"
        name="option"
        value="option2"
        checked={selectedOption === "option2"}
        onChange={() => handleRadioClick("option2")}
      />
      <input
        type="radio"
        name="option"
        value="option3"
        checked={selectedOption === "option3"}
        onChange={() => handleRadioClick("option3")}
      />
    </div>
  );
}