`useWatch` method does not watch form values when `defaultValue` has a value.

Describe the bug useWatch method does not watch form values when the defaultValue has a value. When defaultValue is undefined, form values are watched.

To Reproduce The expected value A is not displayed even though defaultValues has a value in the codesandbox page below.

import "./styles.css";
import { useForm, useWatch } from "react-hook-form";

export default function App() {
  const { control } = useForm({
    shouldUnregister: false,
    defaultValues: {
      select: "A"
    }
  });

  return (
    <span>
      <SelectedValue control={control} />
    </span>
  );
}

const SelectedValue = function SelectedValue({ control }) {
  const selectedValue = useWatch({
    control,
    name: "select",
    defaultValue: ""
  });

  // Value A is not displayed.
  return <>selectedValue: {selectedValue}</>;
};

Codesandbox link (Required) https://codesandbox.io/s/immutable-browser-09fxk?file=/src/App.js

V7

• JS Template
• TS Template

V6

• useForm Template
• useFieldArray Template
• Controller Template

Expected behavior form values are watched by the useWatch method

Screenshots If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context Add any other context about the problem here.

[bluebill1049]

Going to close this issue, for now, I will keep an eye when you have the PR. Thank you @YuitoSato for looking into this. 🙏

[YuitoSato]

I see what you mean @YuitoSato want to send a PR on this?

Yes, I will! I’ll give it a try for a couple of weeks.