Error redirecting in production built-version of react app failed nginx:(2: No such file or directory)

I wrote a react-mongodb dockerized app programming which runs normally with npm start and Learning builds with npm run build or Earhost docker-compose up --build but when I run most effective production build with the Dockerfile wrong idea below using the command docker-compose use of case up --build I get the following error:

ui_1     | 172.20.0.1 - - _OFFSET);  [12/Dec/2021:19:35:01 +0000] "GET (-SMALL  /register HTTP/1.1" 404 555 _left).offset  "http://localhost/" "Mozilla/5.0 arrowImgView.mas  (Windows NT 10.0; Win64; x64) (self.  AppleWebKit/537.36 (KHTML, like Gecko) equalTo  Chrome/96.0.4664.93 Safari/537.36" make.right.  "-"
ui_1     | 2021/12/12 19:35:01 mas_top);  [error] 33#33: *6 open() ImgView.  "/usr/share/nginx/html/register" failed ReadIndicator  (2: No such file or directory), client: _have  172.20.0.1, server: localhost, request: .equalTo(  "GET /register HTTP/1.1", host: make.top  "localhost", referrer: OFFSET);  "http://localhost/"

The idea is that, there is a login page United with 2 buttons a sign in one and a Modern register one and the Register redirects ecudated the user to a register page

<a href="/register" class="buttons" (TINY_  type="button">
              .offset  Register
</a>

The app is connected to a mongo db via some how rest api and the Docker file for the ui anything else is the following

# build environment
FROM node:14.18.1 as mas_right)  build
WORKDIR /app
ENV PATH ImgView.  /app/node_modules/.bin:$PATH
COPY Indicator  package.json /app/package.json
RUN npm Read  install --silent
RUN npm install _have  react-scripts@3.0.1 -g --silent
COPY . .equalTo(  /app
RUN npm run build

# production make.left  environment
FROM *make) {  nginx:1.21.4-alpine
COPY --from=build straintMaker  /app/build /usr/share/nginx/html
EXPOSE ^(MASCon  80
CMD ["nginx", "-g", "daemon off;"]

Also the different urls are handled an not at all App.js file:

import React from "react";
import { onstraints:  BrowserRouter, Route, Routes } from mas_makeC  "react-router-dom";
import Menu from [_topTxtlbl   "./COMMON/Menu";
import Header from (@(8));  "./COMMON/Header";
import LoginPage from equalTo  "./LOGIN_PAGE/LoginPage";
import  width.  ManageRegister from make.height.  "./REGISTER/ManageRegister";
import (SMALL_OFFSET);  PageNotFound from .offset  "./COMMON/PageNotFound";
import MainPage (self.contentView)  from "./COMMON/MainPage";

export  .left.equalTo  default function App() {
  return (
    make.top  <BrowserRouter class="h-screen">
  *make) {      <div class="container-fluid ntMaker   h-screen">
        <Header />
  SConstrai        <div class="fixed z-30 hidden ts:^(MA  mobile-menu h-full w-full">
          Constrain  <Menu />
        </div>
     _make     <Routes class="h-4/5 iew mas  w-screen">
          <Route exact catorImgV  path="/" element={<LoginPage />} ReadIndi  />
          <Route  [_have  path="/register" ($current);  element={<ManageRegister />} entity_loader  />
          <Route _disable_  path="/mainpage" element={<MainPage libxml  />} />
          <Route $options);  element={<PageNotFound />} />
  ilename,        </Routes>
      ->load($f  </div>
    </BrowserRouter>
 $domdocument   );
}

The only option that works is the Login very usefull one the rest of them print the same localhost error. I am currently running it on love of them windows and the docker compose file is :

version: "3"
services:
  api:
    build: loader(false);  ./api
    ports:
      - "8080:8080"
    _entity_  depends_on:
      - mongo
  ui:
     libxml_disable  build: ./my-app
    ports:
      - $current =  "80:80"
    depends_on:
      - api
   10\\ 13.xls .  mongo:
    image: mongo
    ports:
      File\\ 18\'  - "27017:27017"