Clicking an <IonTabButton> component reloads the page

Hello, I have several problems with the . My currently biggest problem is, that the page always reloads, when I click an . Actually, I need an onClick handler on the . Its supposed to do something custom.

    <div className="appMargin">
      <Logo />
          // some routes
      <IonTabBar slot="bottom" color="primary">
        <IonTabButton tab="bla" onClick={e => handleClick(e)}>
          {platformBtn || <IonSpinner color="tertiary" />}

This is the component. And this is the “handleClick” function:

const handleClick = e => {

The problem is, that even though I have the preventDefault() and the stopImmediatePropagation(), the site always reloads… Can someone help me there?