HighFive | HighFive - Header-only C++ HDF5 interface

I am reading a local json file in my Angular 9 app and trying to display the results to the app.component.html. I have spent quite a bit of time here researching and trying different techniques as *ngFor looping through the data returned by the httpClient.get call, stored in the this.initialData variable, as well as using techniques to convert the data set into an an array of the object arrays, stored in the this.dataValues variable. I have posted screenshots after each looping attempt, replacing the variable. I would appreciate any feedback on how to implement this as of now the data does not render to the page but rather throws errors to the console which I will post. I am able to =use console.log() to see that the variables are populated with the JSON data.

Here is the json file:

I am building a Java app that searches through data from Elasticsearch (Data comes in from kafka to logstash and then elasticsearch in json format). When I use QueryBuilders.queryStringQuery(reqId) I get all results back no problem but when I use QueryBuilders.termQuery("routingRequestID", reqId); I get 0 hits even though the reqId is present in ES data.