useCalendar - navigation button props contain an (unknown?) onFocusChange prop

[PrettyCoffee]

In the latest release of "@react-aria/calendar", the returned button props of useCalendar include onFocusChange instead of onBlur and onFocus.
According commit

This produces console errors in reacts dev mode:

Warning: Unknown event handler property onFocusChange. It will be ignored.

This happens for me when spreading prevButtonProps or nextButtonProps into a button component, like proposed in the documentation example.

Furthermore, I could not find any documentation on a onFocusChange react prop, so I was wondering if this was done by mistake? Or am I doing something wrong?

[PrettyCoffee]

Small repro where only the navigation buttons are rendered:
https://codesandbox.io/p/sandbox/practical-sara-fyxtmc?file=%2Fsrc%2FApp.tsx%3A3%2C19

-> See the browser devtools console

[reidbarber]

You'll need to spread prevButtonProps/ nextButtonProps onto a button created with useButton. You can update your example to this instead:

function Button(props) {
  const ref = useRef(null);
  const { buttonProps } = useButton(props, ref);
  return <button {...buttonProps} ref={ref}>{props.children}</button>;
}

https://codesandbox.io/p/sandbox/hungry-mccarthy-pjdm4y

This is because prevButtonProps/ nextButtonProps contain handlers such as onPress and onFocusChange that aren't attributes of native buttons.

[PrettyCoffee]

Aah, I see, that makes much more sense now! Thanks a lot for the quick answer :)