[ButtonUnstyled] Fix keyboard navigation on customized elements

[michaldudak]

Fixed the detection of native elements in useButton. It should be now possible to trigger click events on ButtonUnstyled, which root is a wrapped in a component.

Unfortunately, this is not unit-testable, as neither JSDOM, nor browsers trigger the click event when Enter or Space is pressed on a native button.

Also added a doc section about custom buttons not interacting with forms as their native counterparts.

Fixes #32193

---

The first commit contains the actual fix. The second is a cleanup of no longer needed component parameter from useButton (this makes it more in-line with other hooks that are not concerned about the component or components).

[mui-bot]

Details of bundle changes

@material-ui/core: parsed: +Infinity% , gzip: +Infinity%
@material-ui/lab: parsed: +Infinity% , gzip: +Infinity%
@material-ui/styles: parsed: +Infinity% , gzip: +Infinity%
@material-ui/private-theming: parsed: +Infinity% , gzip: +Infinity%
@material-ui/system: parsed: +Infinity% , gzip: +Infinity%
@material-ui/unstyled: parsed: +Infinity% , gzip: +Infinity%
@material-ui/utils: parsed: +Infinity% , gzip: +Infinity%
@mui/material-next: parsed: +Infinity% , gzip: +Infinity%
@mui/joy: parsed: +Infinity% , gzip: +Infinity%

Generated by 🚫 dangerJS against 502706a

[mnajdova]

Looks good, I could validate that it works in https://codesandbox.io/s/mui-emotion-submit-reset-button-bug-forked-19l1h9?file=/src/App.js

In cases where we can't cover some fix with test, it is nice to have a codesandbox built with the PR packages to showcase that it works :)