Hiding field when empty

[wowczarczyk]

Hey, what would be the best way to hide an Autocomplete field when it's value is empty?

I made this CSB: https://codesandbox.io/s/rhf-autocomplete-multiple-i2hqi?file=/src/index.js:1240-1252

I can see that when I am trying to call getValues from the form context in the component its value is undefined. I assume this is because getValues is not taking defaults into consideration? I also tried to add a watch for this field but that did not help either.

For me the expected behavior for the example in the CSB would be to present the Autocomplete fields (I have also added a version with multiple values) at start, because they have the default country set to Afghanistan and as soon as I remove the this country the whole field disappears and re-appears when I reset the form

[wowczarczyk]

Added useWatch and it works like a charm!