temp

src/pages/Draw.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useLayoutEffect, useRef, useState } from 'react';
-import { createMarkStore, store } from '../store';
+import { createMarkStore, store, useMarkStore } from '../store';
 console.log('store', store);
-import { StoreContextProvider, useStore } from '@kevisual/store/react';
+import { StoreContextProvider } from '@kevisual/store/react';
 import { LineChart } from 'lucide-react';
 import { useShallow } from 'zustand/shallow';
 import { Core } from './core/Excalidraw';
@@ -27,26 +27,20 @@ export const Draw = () => {
   );
 };
 export const DrawHeader = () => {
-  const store = useStore(
-    useShallow((value: any) => {
+  const store = useMarkStore(
+    useShallow((value) => {
       return {
         mark: value.mark,
         setMark: value.setMark,
         setInfo: value.setInfo,
+        getList: value.getList,
       };
     }),
   );
   console.log('store show', store);
-  const init = useRef(false);
   useEffect(() => {
-    if (!init.current && store.mark) {
-      init.current = true;
-      store.setMark('1234');
-      setTimeout(() => {
-        store.setMark('info4');
-      }, 1000);
-    }
-  }, [store.mark]);
+    store.getList();
+  }, []);
   return (
     <div className='fixed left-0 top-0 z-10 h-10 w-10 bg-red-500'>
       <button>