@etsoo/toolpad 1.0.25 → 1.0.26

package/build/cjs/PageContainer/PageContainer.js

@@ -114,8 +114,6 @@ function PageContainer(props) {
             loaded.current = true;
         }
     }, [activePage?.sourcePath]);
-    // Cache the children to avoid re-rendering when the page changes
-    const childrenResult = React.useMemo(() => children, [activePage?.sourcePath]);
     let resolvedBreadcrumbs = state.breadcrumbs ?? activePage?.breadcrumbs ?? [];
     const title = state.title ?? defaultTitle ?? activePage?.title ?? "";
     if (state.page) {
@@ -135,5 +133,5 @@ function PageContainer(props) {
                             ? resolvedBreadcrumbs.map((item, index) => {
                                 return index < resolvedBreadcrumbs.length - 1 ? ((0, jsx_runtime_1.jsx)(Link_1.default, { component: Link_2.Link, underline: "hover", color: "inherit", href: item.path, children: (0, navigation_1.getItemTitle)(item) }, item.path)) : ((0, jsx_runtime_1.jsx)(Typography_1.default, { color: "text.primary", children: (0, navigation_1.getItemTitle)(item) }, item.path));
                             })
-                            : null })), (0, jsx_runtime_1.jsxs)(PageContentHeader, { children: [title ? (0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "h4", children: title }) : null, (0, jsx_runtime_1.jsx)(ToolbarComponent, { ...toolbarSlotProps })] })] })), childrenResult] }));
+                            : null })), (0, jsx_runtime_1.jsxs)(PageContentHeader, { children: [title ? (0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "h4", children: title }) : null, (0, jsx_runtime_1.jsx)(ToolbarComponent, { ...toolbarSlotProps })] })] })), children] }));
 }

package/build/mjs/PageContainer/PageContainer.js

@@ -73,8 +73,6 @@ function PageContainer(props) {
             loaded.current = true;
         }
     }, [activePage?.sourcePath]);
-    // Cache the children to avoid re-rendering when the page changes
-    const childrenResult = React.useMemo(() => children, [activePage?.sourcePath]);
     let resolvedBreadcrumbs = state.breadcrumbs ?? activePage?.breadcrumbs ?? [];
     const title = state.title ?? defaultTitle ?? activePage?.title ?? "";
     if (state.page) {
@@ -94,6 +92,6 @@ function PageContainer(props) {
                             ? resolvedBreadcrumbs.map((item, index) => {
                                 return index < resolvedBreadcrumbs.length - 1 ? (_jsx(Link, { component: ToolpadLink, underline: "hover", color: "inherit", href: item.path, children: getItemTitle(item) }, item.path)) : (_jsx(Typography, { color: "text.primary", children: getItemTitle(item) }, item.path));
                             })
-                            : null })), _jsxs(PageContentHeader, { children: [title ? _jsx(Typography, { variant: "h4", children: title }) : null, _jsx(ToolbarComponent, { ...toolbarSlotProps })] })] })), childrenResult] }));
+                            : null })), _jsxs(PageContentHeader, { children: [title ? _jsx(Typography, { variant: "h4", children: title }) : null, _jsx(ToolbarComponent, { ...toolbarSlotProps })] })] })), children] }));
 }
 export { PageContainer };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/toolpad",
-  "version": "1.0.25",
+  "version": "1.0.26",
   "author": "ETSOO",
   "description": "Dashboard framework extention based on Toolpad Core",
   "main": "build/cjs/index.js",

package/src/PageContainer/PageContainer.tsx

@@ -143,12 +143,6 @@ function PageContainer(props: PageContainerProps) {
     }
   }, [activePage?.sourcePath]);
 
-  // Cache the children to avoid re-rendering when the page changes
-  const childrenResult = React.useMemo(
-    () => children,
-    [activePage?.sourcePath]
-  );
-
   let resolvedBreadcrumbs = state.breadcrumbs ?? activePage?.breadcrumbs ?? [];
   const title = state.title ?? defaultTitle ?? activePage?.title ?? "";
 
@@ -200,7 +194,7 @@ function PageContainer(props: PageContainerProps) {
           </PageContentHeader>
         </Stack>
       )}
-      {childrenResult}
+      {children}
     </Stack>
   );
 }