[Bug]: I can't navigate to the /path directly

[andresogando]

What version of React Router are you using?

6.22.2

Steps to Reproduce

1. Serve the app nx serve app
2. Try to navigate directly to a path. Eg: http://localhost:4200/protected instead of travelling through the main path / using <Link to='protected' >

Expected Behavior

Expected behaviour to display the actual view of the page in the path visited.

Actual Behavior

Response:

[andresogando]

More Context:

I changed the bundler to use Vite ~5.0.0 and it works seamlessly:

 "@nx/vite": "18.0.5",
 "@vitejs/plugin-react": "^4.2.0",
 "vite": "~5.0.0",

but originally I'm using webpack

"webpack-cli": "^5.1.4"
"@svgr/webpack": "^8.0.1",
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.7",
"@nx/webpack": "^18.0.5",

[brophdawg11]

Your webpack server will need to be configured to serve your index.html for "any" route, not just /. This is commonly referred to as "SPA Fallback" and is handled by Vite automatically (https://main.vitejs.dev/config/shared-options.html#apptype).

From a quick search, you probably want to check out this config in webpack: https://webpack.js.org/configuration/dev-server/#devserverhistoryapifallback