feat(@app/react-fe): hide complex instanciation behind a factory

Author: cjuega

src/apps/example-context/react-frontend/src/example-aggregate/sections/list/exampleAggregateListFactory.tsx

@@ -0,0 +1,8 @@
+import { InMemoryExampleAggregateRepository } from '@src/example-aggregate/infrastructure/inMemoryExampleAggregateRepository';
+import { ExampleAggregateList } from '@src/example-aggregate/sections/list/exampleAggregateList';
+
+const repository = new InMemoryExampleAggregateRepository();
+
+export function ExampleAggregateListFactory() {
+    return <ExampleAggregateList repository={repository} />;
+}

src/apps/example-context/react-frontend/src/router.tsx

@@ -1,18 +1,15 @@
-import { InMemoryExampleAggregateRepository } from '@src/example-aggregate/infrastructure/inMemoryExampleAggregateRepository';
-import { ExampleAggregateList } from '@src/example-aggregate/sections/list/exampleAggregateList';
+import { ExampleAggregateListFactory } from '@src/example-aggregate/sections/list/exampleAggregateListFactory';
 import { Layout } from '@src/layout/sections/layout';
 import { RouterProvider, createBrowserRouter } from 'react-router-dom';
 
-const repository = new InMemoryExampleAggregateRepository();
-
 const router = createBrowserRouter([
     {
         path: '/',
         element: <Layout />,
         children: [
             {
                 path: '/',
-                element: <ExampleAggregateList repository={repository} />
+                element: <ExampleAggregateListFactory />
             }
         ]
     }