React-aria's onPress event vs native onClick

[borasemiz]

I am using react-aria's date picker and button functionalities in a react project. I am using a very recent version of react (v18). When I try to create a button component which uses the useButton hook, I have warning from react saying that onPress is not a native HTML attribute, and it is ignored.

Warning: Unknown event handler property `onPress`. It will be ignored.

How can I go around this without disabling the whole warning?

[reidbarber]

I see this is marked as resolved, but I'll add an answer in case anyone else comes across it in search:

props (what passed into the hook) doesn't need to be spread on the element, just buttonProps (what gets returned from the hook):

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

Related discussions: #4748, #5170