Describe the bug
When building the app with a custom base path, either through the Docker UI_PUBLIC_URL arg or the NPM build flag directly, no pages in the UI load properly. Instead, every page will get routed to the NotFoundPage.

To Reproduce
Steps to reproduce the behavior:

1. Run the app with a custom base path of photoview with the right Docker Compose and NGINX configs:

# Modify the Dockerfile photoview config to build locally for a custom path, e.g:
photoview:
  build:
    context: .
    args:
      - UI_PUBLIC_URL=/photoview/
      - REACT_APP_API_ENDPOINT=https://djv.ddns.net/photoview/api

# An example nginx config for a server to redirect custom base path
set $photoview 127.0.0.1;

location /photoview {
  return 302 $scheme://$host/photoview/;
}

location /photoview/ {
  # Rewrite to strip /photoview from URL path
  rewrite ^/photoview/?(.*)$ /$1 break;
  proxy_pass http://$photoview:8444;
  proxy_set_header X-Forwarded-For $remote_addr;
  proxy_set_header Host $host;
  proxy_http_version 1.1;    # to keep alive
  proxy_set_header Upgrade $http_upgrade;
  proxy_set_header Connection "upgrade";
}

2. Navigate to the app being served at your url: http://my-server/photoview
3. Observe that the page displays "Page not found", indicating that it's routing to NotFoundPage
4. Check the network tab; you'll see that there is no request for the LoginPage component

Expected behavior
The app should first properly redirect to and load the login page

Screenshots

Your environment:
Feel free to remove and add what you think might be useful.

• Are you using Docker? yes
• Browser: tested with Chrome, Safari, Brave
• Version linux-amd64-30c1b2a1

Additional context
One solution to this is to modify the Router component to use the configured base path:

<Router basename={import.meta.env.BASE_URL}>