fix(PEER-752): reproduce type error

apps/kernel/management-shell-browser/src/app-router.tsx

@@ -1,3 +1,4 @@
+import { lazy } from 'react';
 import { RouteObject, createBrowserRouter } from 'react-router-dom';
 import { ErrorBoundary } from '../../shared-ui-components/src/lib/errors/error-boundary';
 import { reduxUserSessionRepository } from './domains/people/user-session/adapters/redux-repository';
@@ -10,16 +11,22 @@ import { HomePage } from './domains/search/pages/home';
 import { Layout } from './domains/shared/components/layout';
 import { Dashboard } from './domains/shared/pages/dashboard';
 
+const PublicPage = lazy(() => import('./domains/shared/pages/public'));
+
 export const routes: Array<RouteObject> = [
   {
     path: '/',
     element: <Layout />,
-    errorElement: <ErrorBoundary fallback={null} />,
+    errorElement: <ErrorBoundary fallback={<h1>Router Error Boundary</h1>} />,
     children: [
       {
         index: true,
         element: <HomePage />,
       },
+      {
+        path: 'public',
+        element: <PublicPage />,
+      },
       {
         path: 'auth/sign-in',
         element: <SignInPage />,
@@ -46,3 +53,5 @@ export type IRouter = typeof browserRouter;
 if (import.meta.hot) {
   import.meta.hot.dispose(() => browserRouter.dispose());
 }
+
+// Give me a docker command to run a docker container with node 18 image and serve the index.html file under dist/apps/kernel/management-shell-browser folder

apps/kernel/management-shell-browser/src/domains/shared/components/layout/index.tsx

@@ -14,6 +14,9 @@ export const Layout = () => {
           <li>
             <Link to="workspaces">Workspaces Dashboard</Link>
           </li>
+          <li>
+            <Link to="public">Public Page</Link>
+          </li>
           {auth.isAuthenticated && <button onClick={() => auth.removeUser()}>Log out</button>}
         </ul>
       </nav>

apps/kernel/management-shell-browser/src/domains/shared/pages/public/index.tsx

@@ -0,0 +1,5 @@
+const PublicPage = () => {
+  return <h1>Dynamic Public Page V1</h1>;
+};
+
+export default PublicPage;

apps/kernel/management-shell-browser/vite.config.ts

@@ -4,6 +4,21 @@ import path from 'node:path';
 import { defineConfig, searchForWorkspaceRoot } from 'vite';
 import viteTsConfigPaths from 'vite-tsconfig-paths';
 
+const deriveFileNameFromChunkInfo = (chunkInfo: { facadeModuleId: string | null }): string => {
+  if (!chunkInfo.facadeModuleId) {
+    return 'assets/js/[name]-[hash].js';
+  }
+
+  const basename = path.basename(chunkInfo.facadeModuleId);
+  if (basename.startsWith('@')) {
+    return 'assets/js/[name]-[hash].js';
+  }
+
+  const ext = path.extname(chunkInfo.facadeModuleId);
+  const outputFileName = chunkInfo.facadeModuleId.replace(__dirname, 'assets/js').replace(ext, '.js');
+  return outputFileName;
+};
+
 export default defineConfig({
   root: __dirname,
   build: {
@@ -12,6 +27,13 @@ export default defineConfig({
     commonjsOptions: {
       transformMixedEsModules: true,
     },
+    rollupOptions: {
+      output: {
+        chunkFileNames: deriveFileNameFromChunkInfo,
+        entryFileNames: deriveFileNameFromChunkInfo,
+        assetFileNames: 'assets/[ext]/[name].[ext]',
+      },
+    },
   },
   cacheDir: '../../../node_modules/.vite/kernel-management-shell-browser',
   server: {