Forms not being populated with values

Forms not being populated with values even though its there in browser > developer tools
console.log(data);
{
    "productId": "3",
    "productName": "G500 cpu",
    "productDescription": "gaming computer",
    "productCategory": "computers",
    "units": 5
}
console.log(this.updateForm.value);
{
    "productId": "",
    "productName": "",
    "productDescription": "",
    "productCategory": "",
    "units": ""
}
this.updateForm=this.formBuilder.group(data);
console.log(this.updateForm.value);
{
    "0": {
        "productId": "3",
        "productName": "G500 cpu",
        "productDescription": "gaming computer",
        "productCategory": "computers",
        "units": 5
    }
}

this.updateForm.setValue(this.product);
this.updateForm.patchValue(this.product);