[RadioGroup] Usage of numeric values is broken about chakra-ui HOT 4 CLOSED

const [selectedChoiceID, setSelectedChoiceID] = useState<number>(0);
return (
  <RadioGroup
    value={selectedChoiceID}
    onChange={event => {
      const choiceID = Number(event.target.value);
      setSelectedChoiceID(choiceID);
    }}
    spacing={0}
  >
    <Radio value={1}>A</Radio>
    <Radio value={2}>B</Radio>
    <Radio value={3}>C</Radio>
  </RadioGroup>
);

const [selectedChoiceID, setSelectedChoiceID] = useState<string>("");
return (
  <RadioGroup
    value={selectedChoiceID}
    onChange={event => {
      const choiceID =event.target.value;
      setSelectedChoiceID(choiceID);
    }}
    spacing={0}
  >
    <Radio value="1">A</Radio>
    <Radio value="2">B</Radio>
    <Radio value="3">C</Radio>
  </RadioGroup>
);