app engine using react.js and node.js. Our database is on Cloud SQL, when a call is made from the app, it returns with 502 error nginx

When a user clicks on the button to create a new record in the database these errors are returned:

(anonymous) @ xhr.js:210
e.exports @ xhr.js:15
e.exports @ dispatchRequest.js:56
u.request @ Axios.js:112
r.forEach.u.<computed> @ Axios.js:147
(anonymous) @ bind.js:9
(anonymous) @ utils.js:9
s @ runtime.js:63
(anonymous) @ runtime.js:294
(anonymous) @ runtime.js:119
r @ asyncToGenerator.js:3
c @ asyncToGenerator.js:25
(anonymous) @ asyncToGenerator.js:32
(anonymous) @ asyncToGenerator.js:21
(anonymous) @ utils.js:5
onClick @ Confirm.js:19
Ve @ react-dom.production.min.js:52
Ke @ react-dom.production.min.js:52
(anonymous) @ react-dom.production.min.js:53
wr @ react-dom.production.min.js:100
kr @ react-dom.production.min.js:101
(anonymous) @ react-dom.production.min.js:113
ze @ react-dom.production.min.js:292
(anonymous) @ react-dom.production.min.js:50
Mr @ react-dom.production.min.js:105
Jt @ react-dom.production.min.js:75
Qt @ react-dom.production.min.js:74
t.unstable_runWithPriority @ scheduler.production.min.js:18
Vo @ react-dom.production.min.js:122
Ae @ react-dom.production.min.js:292
Xt @ react-dom.production.min.js:73
createError.js:16 Uncaught (in promise) Error: Request failed with status code 502
    at e.exports (createError.js:16:15)
    at e.exports (settle.js:17:12)
    at XMLHttpRequest.x (xhr.js:66:7)

What is the problem here, I must've set it up incorrectly on GCP, but I can't seem to figure out what is causing it exactly. I will provide any additional information as necessary, thank you in advance