Once route is typed in URL toolbar - get Cannot GET error

[01Kuzma]

Hi!
Thank you for your effort!
I've discovered an issue related to express.js.
Now I'm just working with your example locally.
So once you type an URL manually or open a link in new tab you get a error from express - Cannot GET /URL_name
If anyone knows how to configure those routes also in express to avoid these errors and get 404 not found page for non-existing routes?

[Dishant476]

const express = require("express");
const path = require("path");
const app = express();
const PORT = process.env.PORT || 3000;

// Serve static files from the dist or build directory
app.use(express.static(path.join(__dirname, "dist"))); // or "build" for CRA

// Catch-all route to serve index.html for frontend routing
app.get("*", (req, res) => {
res.sendFile(path.join(__dirname, "dist", "index.html"));
});

app.listen(PORT, () => {
console.log(Server listening on port ${PORT});
});

[Dishant476]

Optional: Protect Your API Routes:-

app.get("/api/data", (req, res) => {
res.json({ msg: "Hello from server!" });
});

// Wildcard fallback should be LAST
app.get("*", (req, res) => {
res.sendFile(path.join(__dirname, "dist", "index.html"));
});

[Dishant476]

To do this inside your React app (or frontend), you can use:

<Route path="*" element={} />