Issue rendering route specific components.

[arunkumar413]

Hi Team,

Below is the router config. My webmanifest start_url is configured to render the app at /dist/index.html . However the route specific components are not rendering after the build. Any idea on why this is happening.

Router config:

export const AppRouter = createBrowserRouter([
  {
    path: "/home",
    element: <Home />,
  },
  {
    path: "/about",
    element: <About />,
  },
  {
    path: "/contact",
    element: <Contact />,
  },
],{basename:'/dist/index'});

webmanifest file:

{
  "name": "hello world 2",
  "description": "A longer app description",
  "start_url": "dist/index.html",
  "icons": [
    {
      "src": "icons/default.svg",
      "type": "image/svg",
      "sizes": "any"
    }
  ],
  "background_color": "#ffffff",
  "b2g_features": {
    "core": true,
    "developer": {
      "name": "The Capyloon team"
    }
  },
  "version": "1.0"
}