diff --git a/src/pages/demo/index.tsx b/src/pages/demo/index.tsx
index fa4d659..0e59d4a 100644
--- a/src/pages/demo/index.tsx
+++ b/src/pages/demo/index.tsx
@@ -2,7 +2,6 @@ import NavMenu, {MenusProp} from "./components/NavMenu/NavMenu";
 import CodeEditor from "./components/CodeEditor/CodeEditor";
 import {useEffect, useState} from "react";
 import "./index.css";
-import { useParams } from "react-router-dom";
 
 
 function Demo() {
diff --git a/src/pages/examples/index.tsx b/src/pages/examples/index.tsx
index 735e420..a606ec2 100644
--- a/src/pages/examples/index.tsx
+++ b/src/pages/examples/index.tsx
@@ -1,7 +1,7 @@
 import "./index.css";
 import { MenuFoldOutlined, MenuUnfoldOutlined } from '@ant-design/icons';
 import {useEffect, useRef, useState} from "react";
-import {Routes, Route, Link, useParams} from 'react-router-dom';
+import { Link, useParams } from 'react-router-dom';
 
 interface MenuProp {
     title: string;
@@ -21,13 +21,6 @@ function Examples() {
     const iframeRef = useRef<HTMLIFrameElement>();
     const { id } = useParams();
 
-    const getCode = (url: string) => {
-        if (!url) return;
-        fetch(url, {mode: 'cors'}).then(data => data.text()).then((data) => {
-            run(data);
-        })
-    }
-
     const run = (code: string) => {
         const preview = document.querySelector("#preview") as HTMLElement;
         preview.innerHTML = "";
@@ -40,6 +33,13 @@ function Examples() {
         }
     }
 
+    const getCode = (url: string) => {
+        if (!url) return;
+        fetch(url, {mode: 'cors'}).then(data => data.text()).then((data) => {
+            run(data);
+        })
+    }
+
     useEffect(() => {
         fetch("./config.json").then(data => data.json()).then((data) => {
             const indexMenus:string[]  = [];
@@ -64,6 +64,7 @@ function Examples() {
                 }
             });
         });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [id, data])