Flexmonster React showing error when loading report

Hello Support,

We are trying to generate a report in local development (Production is working in AWS, as is our Developer cloud in AWS), but we are getting an error. It seems to be happening when we attempt to pass in an object to flexmonster. Flexmonster works when we pass in a link to that prop, but not when we define the object in the code.

Flexmonster Version: "flexmonster": "2.9.43",

Using Chrome Browser on osX.

We have a perpetual license. It is generated on the backend.

Note: We are running local dev on a "real" domain, not localhost or an ip. We are routing it locally with a hosts file.

React Minimal Example (normally we use more complicated props):

The following WORKS.

 render() {
  return (
   <div>
     <FlexmonsterReact.Pivot
       licenseKey={flexKey}
       report="https://cdn.flexmonster.com/reports/report.json"
     />
   </div>
  )
}

However, if we take that exact report from that link, store it in a const object and send it into FlexmonsterReact.Pivot, it shows an error in a popup. Here is the error it shows in the popup:

TypeError
Cannot read properties of null (reading 'He')
Call Stack
 a.Mfa
  vendors-node_modules_react-flexmonster_build_index_js.chunk.js:2372:197
 f.ff
  vendors-node_modules_react-flexmonster_build_index_js.chunk.js:2370:438
 f.HDa
  vendors-node_modules_react-flexmonster_build_index_js.chunk.js:830:234
 a.CK
  vendors-node_modules_react-flexmonster_build_index_js.chunk.js:2370:411
 undefined
  vendors-node_modules_react-flexmonster_build_index_js.chunk.js:2365:287

The image called error_popup.png shows the error popup. The image spreadsheet_showing.png shows that report and data did in fact load in the background after you click "Close" on the error popup.

Here is a minimal example that also fails (Note: every object we've tried seems to fail, only links to reports succeed):

render() {
 const tempReport2 = {
  dataSource: {
    data: [
    {
      businessUnit: 'Main',
    },
    {
      businessUnit: 'Blah',
    },
    ],
  },
  options: {
    grid: {
      type: 'flat',
      showGrandTotals: 'off',
    },
  },
 }
 return (
   <div>
     <FlexmonsterReact.Pivot
        licenseKey={flexKey}
        report={tempReport2}
     />
   </div>
  )
}

Again this product is working in AWS Production and AWS Development environments. It has been for many years, not sure what is wrong in local dev environment. We have confirmed this is happening to multiple developers, not just one.

Thank you,
Patrick