onClick={wat} snippet

native-event-button.tsx

import React, { DetailedHTMLProps, FC, HTMLAttributes } from 'react';
import { useNativeEvent } from './useNativeEvent';

type ButtonProps = DetailedHTMLProps<HTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
type Props =
  & ButtonProps
  & { onClick: EventListener }; // make onClick required

export const NativeEventButton: FC<Props> = ({ onClick, ...rest }) => {
  const ref = useNativeEvent('click', onClick)
  return <button {...rest} ref={ref} />
};