[bug]: Checkbox in a form with onClick on parent causes infinite state update

[Spoof14]

Bug report

Current Behavior

With the simple example of

function App() {
  const [isChecked, setIsChecked] = useState(false);

  return (
      <form>
        <div onClick={() => setIsChecked((prev) => !prev)}>
          <Checkbox checked={isChecked} />
          <span>test</span>
        </div>
      </form>
  )
}

The app crashed due to infinite state updates. Stopping propogation does nothing.

Expected behavior

The checkbox goes from unchecked to checked

Reproducible example

CodeSandbox Template

Suggested solution

Stop firing onClick multiple times. Perhaps make the checkbox into an actual <input type='checkbox'>

Your environment

Software	Name(s)	Version
Radix Package(s)	checkbox	1.1.2
React	n/a	18.3
Browser	chrome	130
Assistive tech
Node	n/a
npm/yarn
Operating System	windows	11

[Spoof14]

Relates to ##2549 (comment)

[CarlosVergikosk]

Same here, really annoying