What happens differently between user.click and element.click?

[angrybacon]

I understand that the documented and recommended way seems to be the following:

const user = userEvent.setup()
render(...);
await user.click(screen.getByRole('button'));

I still have many tests written that way though:

render(...);
screen.getByRole('button').click();

But struggle to see any practical difference in my tests, and while the documentation covers well fireEvent vs. userEvent already, it doesn't mention the element click method. What would be the preferred option when dealing with simple click events eg. test that callbacks aren't called on disabled buttons, called otherwise, etc