diff --git a/src/hooks/useFlowEditorState.ts b/src/hooks/useFlowEditorState.ts
index 510a8f8..04220ca 100644
--- a/src/hooks/useFlowEditorState.ts
+++ b/src/hooks/useFlowEditorState.ts
@@ -4,6 +4,8 @@ import { debounce } from 'lodash';
 import { useSelector, useDispatch } from 'react-redux';
 import { updateCanvasDataMap } from '@/store/ideContainer';
 
+import { Dispatch } from 'redux';
+
 export const useFlowEditorState = (initialData?: any) => {
   const [nodes, setNodes] = useState<Node[]>([]);
   const [edges, setEdges] = useState<Edge[]>([]);
@@ -27,7 +29,7 @@ export const useFlowEditorState = (initialData?: any) => {
   const historyTimeoutRef = useRef<NodeJS.Timeout | null>(null);
 
   const updateCanvasDataMapDebounced = useRef(
-    debounce((dispatch: Function, canvasDataMap: any, id: string, nodes: Node[], edges: Edge[]) => {
+    debounce((dispatch: Dispatch<any>, canvasDataMap: any, id: string, nodes: Node[], edges: Edge[]) => {
       dispatch(updateCanvasDataMap({
         ...canvasDataMap,
         [id]: { nodes, edges }
diff --git a/src/pages/flowEditor/index.tsx b/src/pages/flowEditor/index.tsx
index 50b4b7b..e4ae4d5 100644
--- a/src/pages/flowEditor/index.tsx
+++ b/src/pages/flowEditor/index.tsx
@@ -6,9 +6,7 @@ import {
   Node,
   Edge
 } from '@xyflow/react';
-import { useSelector, useDispatch } from 'react-redux';
 import { nodeTypes } from '@/components/FlowEditor/node';
-import SideBar from './sideBar/sideBar';
 import HistoryProvider from './components/historyContext';
 import FlowEditorMain from './FlowEditorMain';
 import { useFlowEditorState } from '@/hooks/useFlowEditorState';