test tank

src/modules/layout/index.tsx

@@ -1,9 +1,8 @@
 import { MenuOutlined, SwapOutlined } from '@ant-design/icons';
 import { Tooltip } from '@mui/material';
-import { Outlet, useNavigate } from 'react-router-dom';
+import { Outlet, useNavigate } from '@tanstack/react-router';
 import { LayoutMenu, useQuickMenu } from './Menu';
 import { useLayoutStore, usePlatformStore } from './store';
-import { useShallow } from 'zustand/react/shallow';
 import { useEffect, useLayoutEffect, useState } from 'react';
 import { LayoutUser } from './LayoutUser';
 import { PandaPNG } from '@/assets/index.tsx';
@@ -25,29 +24,11 @@ type LayoutMainProps = {
   children?: React.ReactNode;
 };
 export const LayoutMain = (props: LayoutMainProps) => {
-  const menuStore = useLayoutStore(
-    useShallow((state) => {
-      return {
-        open: state.open,
-        setOpen: state.setOpen, //
-        getMe: state.getMe,
-        me: state.me,
-        setOpenUser: state.setOpenUser,
-        switchOrg: state.switchOrg,
-      };
-    }),
-  );
-  const platformStore = usePlatformStore(
-    useShallow((state) => {
-      return {
-        isMac: state.isMac,
-        mount: state.mount,
-        isElectron: state.isElectron,
-        init: state.init,
-      };
-    }),
-  );
-  const { isMac, mount, isElectron } = platformStore;
+  const menuStore = useLayoutStore();
+  const platformStore = usePlatformStore();
+  const isMac = platformStore.isMac;
+  const mount = platformStore.mount;
+  const isElectron = platformStore.isElectron;
   const navigate = useNavigate();
   const quickMenu = useQuickMenu();