net::ERR_NAME_NOT_RESOLVED and other issues while posting files to remote port in MERN app

Question

I am trying to post files to my mongo database for my react app. Below I will attach the code for the relevant parts of the routes, server, API call, file upload component, and