Personal information autocomplete doesn't work on my page

So I am developing a web app, I have a profile creation page that has two steps.

One step is about a car, the second is about the person. I want to autocomplete to work for the personal fields. I am using react. Yes, the issue is that the elements are rendered only after user clicks next, but the fields have all the right markers: name, id, autocomplete attribute. For some reason only city works. If I swap the steps, it works better (but still not all fields).

Here is the test page: https://codesandbox.io/p/devbox/cool-black-yvx5zj