react-crud | simple product app build with react | Frontend Framework library

I've made simple CRUD app with React and Apollo client on NestJS server with GraphQL API.

I have this simple Mutations:

This is my Main.js file

This is indeed a duplicate question however there is no answer.

The problem is that when I save a new record with mongoose through a post request, all that's saved is something like this:

I logged in to my heroku app which is a hotel review app: http://immense-beach-76879.herokuapp.com/. Apparently, it won't display the data I entered at http://immense-beach-76879.herokuapp.com/reviews. It was only showing the error. It said something about the integer being the wrong choice to use since "kiki" is supposed to be a string, correct? If you need to look at my code, here it is: https://github.com/kikidesignnet/hotelreviews.

Here is my error:

I am new to web development and I have a hosting service on which I want to deploy my reactjs/node project. To deploy it previously, I had been simply uploading the build folder created from running npm run build. I have since added a connection to a mongodb database using the MERN stack.

The project was initially created using create-react-app, then I set up my backend node/mongodb following this tutorial: https://appdividend.com/2018/11/11/react-crud-example-mern-stack-tutorial/. All of my server code is contained within the project folder in an api folder.

I am able to run the project on local host by running npm start, nodemon server.js (from the api folder) and connecting to the mongodb in terminal. When I try to run it from the hosting service in the same way I did previously, it says it cannot connect to the database, which I assume is due to the fact that the connection is not open on my machine.

Currently, all the API calls are using axios post to http://localhost:4000/, which I would also assume will not work on the server. I have looked online for information regarding deploying the MERN stack, but all of the ones I have found discuss it in terms of hosting on AWS EC2, which is not what I will be doing.

How would I be able to deploy to my hosting service? Are there any references or places I should look for this information?

Edit: I have connected to the database using MongoAtlas, so am using a SRV address. I think the issue is the axios posts using the localhost address, as the app on the server only works if I have nodemon running on my local machine. What address should I use instead of this?

I am trying to run a test in parallel with multiple browsers using nightwatch.js but I keep having this error:

I am a nwebie in React JS. I am trying to capture the edited value from formcontrol in handle change and assign it to a state object and later retrieve assign it to a variable to pass it as a part of the query string to an API for updating the field , handle change is the function called from form-control to assign the edited value to a state object . I am unable to do so , Please provide your inputs your help is much appreciated.I would like to follow the same for other fields too . Thanks .

Im try to learn react routing I created a project and in my index.js file i change my code as below