Why click event is fired for disabled ion button?

Hey everyone I came across an issue while writing a unit test. For some reason click event is fired even when IonButton is disabled.

Ion Button

it('should be clickable when not disabled', async () => {
 const triggerSubmit = vi.fn();
const screen = render(
  <IonButton data-testid="auth-reset-btn" disabled={true} onClick={triggerSubmit}></IonButton>
);
const btn = screen.getByTestId('auth-reset-btn');
expect(btn).toBeTruthy();
fireEvent.click(btn);
expect(triggerSubmit).toHaveBeenCalledTimes(0);

});

JSX Button

However for a jsx button event isnt fired which is the expected behaviour.

‚Äč

  it('test', async () => {
const triggerSubmit = vi.fn();
const screen = render(<button data-testid="auth-reset-btn" disabled={true} onClick={triggerSubmit}></button>);
const btn = screen.getByTestId('auth-reset-btn');
fireEvent.click(btn);
expect(triggerSubmit).toHaveBeenCalledTimes(0);
});