I'm using an alert inside a form, but when I close the alert (using dismissible) the page reloads

<CForm>
...
<CAlert dismissible visible={cipherError}>
          Validation failed, please contact support
</CAlert>
...
</CForm>

I know there is an onClose property that acts when the user closes the Alert, but that function doesn't pass the event, so I can't use event.prevent.default()

onClose Callback fired when the component requests to be closed. () => void

You can see the documentation here

How can I prevent the page from reloading but the user can close the alert?