Catalyst Checkbox/Label - Incorrect use of <label for=FORM_ELEMENT>

[BriLeeCar]

What component (if applicable)

• URL for category: https://catalyst.tailwindui.com/
• Component name: Checkbox

Describe the bug
Using the Checkbox/Label combination gives an "Incorrect use of " error (at least on chrome)

To Reproduce
Steps to reproduce the behavior:

<CheckboxField>
  <Checkbox />
  <Label>Accept Terms and Conditions</Label>
</CheckboxField>

Expected behavior
In the least "smart**" was possible, not to have an error? I originally thought it was my implementation, but I used the base components together without any excess information, and still getting the error. If I'm just missing something and an idiot, I'd love to be told what I'm doing wrong 😅

Screenshots

Browser/Device (if applicable)

• Chrome Version 143.0.7499.40 (Official Build) (arm64)
• MacOS

Additional context
This is honestly my first time reporting an issue ever, so if I did something incorrectly here, please let me know. Thanks guys!