Fix react lint (T1193601) (#852)

* Fix react lint (T1193601)

* Change deps value

Author: dxvladislavvolkov

packages/devextreme-cli/src/templates/react/application/src/components/user-panel/UserPanel.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import React, { useMemo, useCallback } from 'react';
 import { useNavigate } from "react-router-dom";
 import ContextMenu, { Position } from 'devextreme-react/context-menu';
 import List from 'devextreme-react/list';
@@ -10,9 +10,9 @@ export default function UserPanel({ menuMode }<%=#isTypeScript%>: UserPanelProps
   const { user, signOut } = useAuth();
   const navigate = useNavigate();
 
-  function navigateToProfile() {
+  const navigateToProfile = useCallback(() => {
     navigate("/profile");
-  }
+  }, [navigate]);
   const menuItems = useMemo(() => ([
     {
       text: 'Profile',
@@ -24,7 +24,7 @@ export default function UserPanel({ menuMode }<%=#isTypeScript%>: UserPanelProps
       icon: 'runner',
       onClick: signOut
     }
-  ]), [signOut]);
+  ]), [navigateToProfile, signOut]);
   return (
     <div className={'user-panel'}>
       <div className={'user-info'}>

packages/devextreme-cli/src/templates/react/application/src/contexts/navigation.tsx

@@ -21,7 +21,7 @@ function withNavigationWatcher(Component<%=#isTypeScript%>: React.ElementType<%=
 
     useEffect(() => {
       setNavigationData<%=#isTypeScript%>!<%=/isTypeScript%>({ currentPath: path });
-    }, [path, setNavigationData]);
+    }, [setNavigationData]);
 
     return <Component {...props} />;
   }

packages/devextreme-cli/src/templates/react/application/src/layouts/side-nav-inner-toolbar/side-nav-inner-toolbar.tsx

@@ -46,7 +46,7 @@ export default function SideNavInnerToolbar({ title, children }<%=#isTypeScript%
         : prevMenuStatus
     );
     return menuStatus === MenuStatus.Closed ? true : false;
-  }, [isLarge]);
+  }, [isLarge, menuStatus]);
 
   const onNavigationChanged = useCallback(({ itemData, event, node }<%=#isTypeScript%>: TreeViewTypes.ItemClickEvent<%=/isTypeScript%>) => {
     if (menuStatus === MenuStatus.Closed || !itemData<%=#isTypeScript%>?<%=/isTypeScript%>.path || node<%=#isTypeScript%>?<%=/isTypeScript%>.selected) {

packages/devextreme-cli/src/templates/react/application/src/layouts/side-nav-outer-toolbar/side-nav-outer-toolbar.tsx

@@ -44,7 +44,7 @@ export default function SideNavOuterToolbar({ title, children }<%=#isTypeScript%
         : prevMenuStatus
     );
     return menuStatus === MenuStatus.Closed ? true : false;
-  }, [isLarge]);
+  }, [isLarge, menuStatus]);
 
   const onNavigationChanged = useCallback(({ itemData, event, node }<%=#isTypeScript%>: TreeViewTypes.ItemClickEvent<%=/isTypeScript%>) => {
     if (menuStatus === MenuStatus.Closed || !itemData<%=#isTypeScript%>?<%=/isTypeScript%>.path || node<%=#isTypeScript%>?<%=/isTypeScript%>.selected) {

packages/devextreme-cli/src/templates/react/application/src/utils/default-user.tsx

@@ -1,4 +1,6 @@
-export default {
+const userInfo = {
   email: 'sandra@example.com',
   avatarUrl: 'https://js.devexpress.com/Demos/WidgetsGallery/JSDemos/images/employees/06.png'
 }
+
+export default userInfo;