diff --git a/packages/react-aria-components/src/Checkbox.tsx b/packages/react-aria-components/src/Checkbox.tsx index 9c3bc48dc28..89cc39272a8 100644 --- a/packages/react-aria-components/src/Checkbox.tsx +++ b/packages/react-aria-components/src/Checkbox.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ -import {AriaCheckboxGroupProps, AriaCheckboxProps, HoverEvents, mergeProps, useCheckbox, useCheckboxGroup, useCheckboxGroupItem, useFocusRing, useHover, VisuallyHidden} from 'react-aria'; +import {AriaCheckboxGroupProps, AriaCheckboxProps, HoverEvents, mergeProps, useCheckbox, useCheckboxGroup, useCheckboxGroupItem, useFocusable, useFocusRing, useHover, VisuallyHidden} from 'react-aria'; import {CheckboxContext} from './RSPContexts'; import {CheckboxGroupState, useCheckboxGroupState, useToggleState} from 'react-stately'; import {ContextValue, Provider, RACValidation, RenderProps, SlotProps, useContextProps, useRenderProps, useSlot, useSlottedContext} from './utils'; @@ -220,13 +220,14 @@ function Checkbox(props: CheckboxProps, ref: ForwardedRef) { isRequired: props.isRequired || false } }); + let {focusableProps} = useFocusable(props, ref); let DOMProps = filterDOMProps(props); delete DOMProps.id; return (