React routing is not working and always showing 404

My project is React + .NET. In development, the router is working fine, but when I publish this app and run it on local, react router is not working correctly. Once working, and next time never works and shows 404 error page.

<Routes>
  <Route element={<Home isAuthorized={isAuthorized} />} path="/" />
  <Route element={<SignIn />} path="/auth/sign-in" />
  <Route element={<SignUp />} path="/auth/sign-up" />
  {isAuthorized && (
    <Route
      element={<AccountSetting isAuthorized={true} />}
      path="/auth/account-setting"
    />
  )}
  {isAuthorized && (
    <Route
      element={<Games isAuthorized={true} />}
      path="/game/games"
    />
  )}
  <Route
    element={<MainGame isAuthorized={isAuthorized} />}
    path="/game/main-game"
  />
  <Route element={<About />} path="/about" />
  <Route element={<Features />} path="/landing/features" />
  <Route element={<FreeTrial />} path="/landing/free-trial" />
</Routes>

This is the React route code. I've been changed router to react-router, but not working too.

I think problem is within your server-side.
I'm sure you would use cors.

services.AddCors(options => options.AddPolicy("CorsPolicy",
builder =>
{
builder.AllowAnyHeader()
.AllowAnyMethod()
.SetIsOriginAllowed((host) => true)
.AllowCredentials();
}));
app.UseCors("CorsPolicy");

Also check if your set MapFallbackToFile.

app.MapFallbackToFile("index.html");