When I run my app locally it works just fine. I deployed my app on Heroku and the build was successful without any errors. However, whenever I open the app, I just get the revolving React icon page that you get when you first create a react app. I'm getting nothing in the console and the Heroku log is giving me back status 200 so I'm not sure what's going on.

I notice it has something to do with my build folder because when I delete the app returns "Not Found".

I believe its in my server.js file.

```
require("dotenv").config();
const express = require('express');
const port = process.env.PORT || 8080;
const path = require("path");

var app = express();

app.use(express.urlencoded({ extended: true }));
app.use(express.json());
if (process.env.NODE_ENV === "production") {
    app.use(express.static("client/build"));
}

if(process.env.NODE_ENV === "production"){  
    app.use("*", function(req, res){
        res.sendFile(path.join(__dirname, "/client/build/index.html"));
    })
}

app.listen(port, (req, res) => {
    console.log(`server listening on localhost:${port}`);
});

```

I just tried copying over from an app that I did successfully launch on heroku. I'm fairly new to coding so I don't even know what half of it means. If someone could help me out, that would be greatly appreciated.