I have a collection in mongodb with a value o type array with 12 rows in it. See the screenshot:

In my code make an axios request in the componentDidMount and successfully get the respone and values

async componentDidMount() {

    const {data: locations} = await axios.get('http://localhost:4000/try1');
    this.setState({locations})
    console.log(locations)

    // Use processCsvData helper to convert csv file into kepler.gl structure {fields, rows}
    const data = Processors.processCsvData(nycTrips);
    console.log(data)

    // Create dataset structure
    const dataset = {
      data,
      info: {
        // `info` property are optional, adding an `id` associate with this dataset makes it easier
        // to replace it later
        id: 'my_data'
      }
    };
    // addDataToMap action to inject dataset into kepler.gl instance
    this.props.dispatch(addDataToMap({datasets: dataset}));
}

The problem is I am getting the location object like shown in this screenshot:

but my required output is as shown below:

I need the required output to pass it to my mapping application so that the map markers can be generated.

Please advise how I can create an object in the required format.

Following is my simple get api:

app.get('/try1', (req, res) => {
    try1.find()
    .then(data => res.json(data))
})

Thanks in advance guys.