How do I pre-populate a React Hook form MUI textfield after fetching data from Firestore?

Question

I am using React Hook Forms with MUI TextField components. I am fetching data from Firestore and I would like to prefill the form with this data.

I am using useForm with