browser-sdk | send browser data | AWS library

I'm new to Promises and Async/Await ,i want to get an array of users from mongoDB, but when i get it, i receive it as a promise, and i want to use it in my reducer. How can i do that. Here's my Code:

I am trying to add connectivity to MongoDB Stich in my Angular 7 application but app fails with error:

bson.browser.esm.js:453 Uncaught ReferenceError: global is not defined

I am using Angular 7.2.12 and have installed mongodb-stitch-browser-sdk v 4.3.2

I am using the code found on MongoDB website under DB Stitch application client setup.

I had previously posted this problem under the error message of “Cannot read property 'data' of undefined”. But in the process of digging into it for several hours, I’ve discovered that my problem really boils down to the fact that my “async / await” doesn’t seem to be . . . . awaiting! And yes, I did check the several other versions of this question that have already been asked here. :)

I’m building a React form that will have several drop-down boxes populated with data from MongoDB. I’m relatively new to React and a beginner with MongoDB.

I’ve been able to successfully get the data into the drop-down by just cramming all of the code into one file. Now, I’m trying to start refactoring the code by properly splitting pieces into separate files. And that’s where I’ve run into this “data delay” issue.

When “componentDidMount” calls the “fetchProjects” function, that function goes and grabs a list of projects from MongoDB using the “getProjects” function in a “projects service” file. When the console.log within “fetchProjects” runs, it’s coming back as undefined. But then after the data set comes back as undefined (and errors out the process), I do get a console log of the projects object array from the “getProjects” function.

I’ve been able to make this process work with hard-coded object array data in the “getProjects” function, so that tells me that the problem lies in the amount of time required to actually get the data back from MongoDB.

Please tell me there’s a way to solve this without using Redux! :D

Here’s my App.js file –

I’m building a React form that will have several drop-down boxes populated with data from MongoDB. I’m relatively new to React and a beginner with MongoDB.

I’m starting with just trying to create a basic page with one drop-down on it. Once I get that right, I can move on to adding the other drop-downs.

I’ve been able to successfully get the data into the drop-down by just cramming all of the code into one file. Now, I’m trying to start refactoring the code by properly splitting pieces into separate files. And that’s where I’m running into problems.

I’ve split out my MongoDB data pull (using Mongo Stitch) into a separate “service” file. And I’m still getting data through that new service file. But when I then try to pull that service-file data into my main (App.js) page, I’m getting a “Cannot read property 'data' of undefined” error. So, clearly, the way I’m trying to pull the data into my App.js file is wrong. I’d appreciate any expert insights anyone could offer!

Here’s my App.js file –

I'm creating a service for my MongoDB Stitch connections and I'm having an issue where if I refresh my page I get an error saying:

client for app 'xyxyxyxyxyxy' has not yet been initialized

And when I try to initialize it I get an error saying it has already been initialized.

client for app 'xyxyxyxyxyxy' has already been initialized

Here is my service.

I'm trying to install a npm package using: