How do I get the input to be server side rendered using autocomplete?

I’m using nextjs 13 and the app folder and want to hook up autocomplete. I have the component working except for one small thing, the input box isn’t rendered on the server so the space for autocomplete is empty when it comes to the client and then it gets rendered after a second or so. Personally I think that looks weird and would like it to be rendered on the server first and the hydrated on the client, is there a way to achieve that?

I guess it is because the autocomplete is “attached” to the div in a useEffect block, is there a way to not do it in a useEffect? Do I then need to render my own search results or something?