Weird hacks to use modal.value.$el.setCurrentBreakpoint()

Hi!
I tried to programmatically open the modal sheet to a specific breakpoint and found that it was quite hacky and not handy at all.

So far is the solution I found is this:

<ion-modal
    ref="addNewBotModal"
    id="addNewBotModal"
    :is-open="modelValue"
    @did-dismiss="updateModalState(false)"
    :initial-breakpoint="modalBreakpoint"
    :breakpoints="breakpoints"
  >

const addNewBotModal = ref(null);

if (addNewBotModal.value) {
     await addNewBotModal.value.$el.setCurrentBreakpoint(0.5); //highlights as error in TS, even though works
}

Also didnt find another way to close the modal, only with the help of modalController

 await modalController.dismiss(undefined, undefined, 'addNewBotModal');

And why that setCurrentBreakpoint method doesnt exist on modalController? It would’ve been quite useful and clean.
And I would appreciate an advice on how to fix the error with $el.setCurrentBreakpoint() - since it works, but my files are red now and its confusing

Thanks