diff --git a/packages/react-components/apps/base/edit/List.tsx b/packages/react-components/apps/base/edit/List.tsx
index c200bf8..fe6558e 100644
--- a/packages/react-components/apps/base/edit/List.tsx
+++ b/packages/react-components/apps/base/edit/List.tsx
@@ -4,7 +4,7 @@ import { Fragment, useEffect, useMemo, useState } from 'react';
 import { useDemoStore } from '../store';
 import { useShallow } from 'zustand/react/shallow';
 import { Form } from 'antd';
-import { useNavigate } from 'react-router';
+import { useNewNavigate } from '@/modules';
 import { EditOutlined, SettingOutlined, LinkOutlined, SaveOutlined, DeleteOutlined, LeftOutlined } from '@ant-design/icons';
 import clsx from 'clsx';
 import { isObjectNull } from '@/utils/is-null';
@@ -84,7 +84,7 @@ const FormModal = () => {
   );
 };
 export const List = () => {
-  const navicate = useNavigate();
+  const navicate = useNewNavigate();
   const demoStore = useDemoStore(
     useShallow((state) => {
       return {