CheckboxGroup native validation doesn't work properly

[rafighajili]

Provide a general summary of the issue here

Error message of CheckboxGroup react-aria-component doesn't disappear after it is actually not invalid.

🤔 Expected Behavior?

After submitting form, error message should appear since isRequired is true, but after ticking checkbox, error message should disappear.

😯 Current Behavior

Error message is not disappearing after ticking checkbox. Although it works correct when using useCheckboxGroup and useCheckbox hooks.

💁 Possible Solution

No response

🔦 Context

No response

🖥️ Steps to Reproduce

I use starter kit with tailwind provided in RAC documentation with this code below.

"use client";

import { Checkbox, CheckboxGroup } from "#/rac/src/Checkbox";

export default function Page() {
  return (
    <div className="space-y-8 p-32">
      <form>
        <CheckboxGroup label="Favorite sports" isRequired>
          <Checkbox value="soccer">Soccer</Checkbox>
          <Checkbox value="baseball">Baseball</Checkbox>
          <Checkbox value="basketball">Basketball</Checkbox>
        </CheckboxGroup>

        <button>Click me</button>
      </form>
    </div>
  );
}

Version

1.1.1

What browsers are you seeing the problem on?

Chrome

If other, please specify.

No response

What operating system are you using?

mac

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

[yihuiliao]

I think this is a dupe of #5693

EDIT: Closing as a dupe, feel free to reopen if that's not the case