Getting console error when trying to set data in dataSource object

I have attached the screenshot of console error which im getting when trying to setReport.
 
Code ->

 this.reportData = [
            {
                "Product Family": {
                    "type": "string",
                    "hierarchy": "Product"
                },
                "Unit Sales": {
                    "type": "number"
                },
                "Store Cost": {
                    "type": "number"
                }
            },
            {
                "Product Family": "Drink",
                "Unit Sales": 24597
            },
            {
                "Product Family": "Drink",
                "Store Cost": 19477.23
            },
            {
                "Product Family": "Food",
                "Unit Sales": 191940
            },
            {
                "Product Family": "Food",
                "Store Cost": 163270.72
            },
            {
                "Product Family": "Non-Consumable",
                "Unit Sales": 50236
            },
            {
                "Product Family": "Non-Consumable",
                "Store Cost": 42879.28
            }
        ]
          let report: any = this.pivotRef.flexmonster.getReport();
          report.options = {
            configuratorActive: false
          };
          report.dataSource.data = this.reportData;
          this.pivotRef.flexmonster.setReport(report);