How do I route my custom app to serve the expected rotues

Please I don’t know why my custom App is not serving the url I navigated to on landing on the page. The landing page is https://domain.com/api/apps/data-capture/index.html

I redirected it to the route / but it is not serving the page.

I got the following error on the server logs.

* INFO  2022-09-19T12:18:30,009 File /DHIS2_home/files/apps/data-capture-1.0.0/static/js/main.c9ccc3e5.js.map does not exist (LogOnceLogger.java [http-nio-8080-exec-8]) IDpK6GUEAXDfOi0QG9aIkxTsT5hQ+y+MiM4BUiHPpRjuc=

* INFO  2022-09-19T12:18:30,707 File /DHIS2_home/files/apps/data-capture-1.0.0/static/js/app.5a919846.chunk.js.map does not exist (LogOnceLogger.java [http-nio-8080-exec-5]) IDpK6GUEAXDfOi0QG9aIkxTsT5hQ+y+MiM4BUiHPpRjuc=

EDITED

Here is how I setup the route


                      <BrowserRouter>
                        <Routes>
                          <Route path="/" element={<Navigate to="/" />} />
                          <Route path="/" element={<LoginPage />} />
                          <Route path="/tabs" element={<LandingPage />} />
                          <Route path="/section" element={<SectionTable />} />
                        </Routes>
                      </BrowserRouter>

On landing on the app it loads the url https://domain.com/api/apps/data-capture/index.html and it doesn’t redirect to any page.

I can see that the index page and all other static assets load successfully but the page is blank.