get rid of navigation context

VasilyStrelyaev · VasilyStrelyaev · commit db3c2909dfd6 · 2025-04-11T18:33:30.000+04:00
diff --git a/packages/devextreme-cli/src/templates/nextjs/application/src/app/layout.tsx b/packages/devextreme-cli/src/templates/nextjs/application/src/app/layout.tsx
@@ -3,7 +3,6 @@
 import { usePathname } from 'next/navigation';
 import LoadPanel from 'devextreme-react/load-panel';
 import { AuthProvider, useAuth} from '@/contexts/auth';
-import { NavigationProvider } from '@/contexts/navigation';
 import { ThemeContext, useThemeContext} from "@/theme";
 
 function Page({ children }) {
@@ -26,11 +25,9 @@ export default function RootLayout({ children }) {
       <body className="dx-viewport">
         <ThemeContext.Provider value={themeContext}>
           <AuthProvider>
-            <NavigationProvider>
-              <div className='app'>
-                <Page key={pathname}>{children}</Page>
-              </div>
-            </NavigationProvider>
+            <div className='app'>
+              <Page key={pathname}>{children}</Page>
+            </div>
           </AuthProvider>
         </ThemeContext.Provider>
         </body>
diff --git a/packages/devextreme-cli/src/templates/nextjs/application/src/components/side-navigation-menu/SideNavigationMenu.tsx b/packages/devextreme-cli/src/templates/nextjs/application/src/components/side-navigation-menu/SideNavigationMenu.tsx
@@ -3,7 +3,7 @@ import React, { useEffect, useRef, useCallback, useMemo, useContext } from 'reac
 import { TreeView<%=#isTypeScript%>, TreeViewRef<%=/isTypeScript%> } from 'devextreme-react/tree-view';
 import * as events from 'devextreme-react/common/core/events';
 import { navigation } from '../../app-navigation';
-import { useNavigation } from '../../contexts/navigation';
+import { usePathname } from 'next/navigation';
 import { useScreenSize } from '../../utils/media-query';
 import './SideNavigationMenu.scss';
 <%=#isTypeScript%>import type { SideNavigationMenuProps } from '../../types';<%=/isTypeScript%>
@@ -33,7 +33,7 @@ export default function SideNavigationMenu(props<%=#isTypeScript%>: React.PropsW
     []
   );
 
-  const { navigationData: { currentPath } } = useNavigation();
+  const pathname = usePathname();
 
   const treeViewRef = useRef<%=#isTypeScript%><TreeViewRef><%=/isTypeScript%>(null);
   const wrapperRef = useRef<%=#isTypeScript%><HTMLDivElement><%=/isTypeScript%>(null);
@@ -55,15 +55,15 @@ export default function SideNavigationMenu(props<%=#isTypeScript%>: React.PropsW
       return;
     }
 
-    if (currentPath !== undefined) {
-      treeView.selectItem(currentPath);
-      treeView.expandItem(currentPath);
+    if (pathname !== undefined) {
+      treeView.selectItem(pathname);
+      treeView.expandItem(pathname);
     }
 
     if (compactMode) {
       treeView.collapseAll();
     }
-  }, [currentPath, compactMode]);
+  }, [pathname, compactMode]);
 
   return (
     <div
diff --git a/packages/devextreme-cli/src/templates/nextjs/application/src/contexts/navigation.tsx b/packages/devextreme-cli/src/templates/nextjs/application/src/contexts/navigation.tsx
