route specific component not rendering

[arunkumar413]

Hi Team,

Below is my react router config. But when I visit the /dist/index the components are not rendering. The server is configured to serve at dist/index.html through a webmanifest file. However the app isn't rendering. I'm not able to replicate this in codesandbox as the app is running on this experimental web based OS called nutria ( https://github.com/capyloon/nutria )

Any idea on the respective components doesn't render for the routes?

router config:

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

);

webmanifest file:

{
  "name": "hello-123",
  "description": "This app is to test the working of router on nutria",
  "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"
}