React hook form | Browsers auto fill. How to make so that input knows about the data from auto fill

Question

How to make so that input knows about the data from auto fill? You can go to codesandbox, add some auto-fill data, refresh a page and see this problem. Is there any idea how to fight it?

It doesn't work:

• autoComplete="off"
• autoComplete="new-password"

autoComplete="new-password"

There is a code:

https://codesandbox.io/s/react-hook-form-mantine-npvcof?file=/src/App.js

This thing we get at first:

Answer 1

Considering that I use the mantine lib this way helped me

https://ui.mantine.dev/component/floating-label-input

Anyway, I think it can help to come up with an option how to work it out