How do I dispatch focus to SVELTE UX TextField component?

I have a <TextField/> component that I am using from Svelte UX

I assigned it an id but when I try something like document.getElementById('the-id').focus(), I get TypeError: Cannot read properties of null (reading 'focus') and it does not work. I also tried .click()

Anyone know how this package works? I've tried reading their docs...

Thanks in advance!