Heroku Rails server API not setting the correct port number when starting up

Question

I have a Rails API Backend with a React front end that is deployed to Heroku. When I try to load a page that makes a call to the API, it hangs and then finally gives this error