Show placeholder if defaultValue is empty string

[jinsley8]

Does anyone know if it's possible to show the placeholder of an input field if defaultValue is set to an empty string?

Pulling userData from state as defaultValues:

const userData = {
  email: "",
  userWebsite: "",
  userInstagram: "",
  userTwitter: "",
}

const {
    handleSubmit,
    register,
    reset,
    formState: { errors, isSubmitting },
  } = useForm({
    mode: 'onBlur',
    defaultValues: useMemo(() => {
      return userData;
    }, [userData]),
  }
  
  useEffect(() => {
    reset(userData);
  }, [userData, reset]);

Then for instance the email input looks like this:

<Input
id="email"
type="email"
{...register('email', {
  minLength: {
    value: 6,
    message: 'Minimum length should be 6',
  },
  pattern:
    /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/,
})}
placeholder="Enter email address"
/>

When there is an empty string set it shows an empty field instead of the placeholder.

[jinsley8]

Nevermind, this is correct.

I had the wrong placeholder added to all of the other fields.