build react-router project: nested path routes like /table/countries are not supported in browser

[d9k]

      <Routes>
            <Route
              element={<TablePage />}
              path='table/:name'
            />
    </Routes>

deno task build
cd .ultra
deno task start

Then open https://localhost:8000/table/countries.

Result: multiple

Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.

errors in browser.

[d9k]

Can't reproduce: minimal example works fine

https://github.com/d9k/d9k-problems-examples/tree/main/deno/ultra/291-nested-path-routes

Closing issue for now.

[d9k]

Reproduced on
https://github.com/d9k/d9k-problems-examples/tree/main/deno/ultra/291-nested-path-routes

Added component with relative import:

import { useParams } from 'react-router-dom';
import { Spinner } from "../components/spinner.tsx";

function PageNestedDemo () {
  const name = useParams()['name'];

  return (
    <>
      <h1>Nested demo page</h1>

      <p>Url param :name value is "{name}"</p>

      <Spinner />
    </>
  );
}

export default PageNestedDemo;