How to render multiple static files in express?

I am trying to use express to render a few different html files from my public folder. These are all static files. I also want to render a 404 page if a route is an invalid route is called. Here is my code.

const express = require("express")
const app = express()
app.use(express.static("public"))


app.get("/", (req, res) => {
    res.render("index")
})

app.get("/about", (req, res) => {
    res.render("about")
})

app.get("/contact-me", (req, res) => {
    res.render("contact-me")
})

app.get("*", (req, res) => {
    res.status(404).send("404 for all pages not defined in routes")
})

app.listen(8080)

The first route to render index.html works and the 404 status works, but all the other routes give me an error of “No default engine was specified and no extension provided.” I tried added an ejs view engine, but the code still doesn’t work. All html files are named properly and live in the “public” folder. Any help on this would be amazing! Thanks much!