diff --git a/src/chatbox.tsx b/src/chatbox.tsx
index b91f645..541a06e 100644
--- a/src/chatbox.tsx
+++ b/src/chatbox.tsx
@@ -1,7 +1,7 @@
 import { Tr, langCodeContext, LANG_OPTIONS } from "./translate";
 import structuredClone from "@ungap/structured-clone";
 import { createRef } from "preact";
-import { StateUpdater, useEffect, useState } from "preact/hooks";
+import { StateUpdater, useEffect, useState, Dispatch } from "preact/hooks";
 import {
   ChatStore,
   ChatStoreMessage,
@@ -55,7 +55,7 @@ export default function ChatBOX(props: {
   chatStore: ChatStore;
   setChatStore: (cs: ChatStore) => void;
   selectedChatIndex: number;
-  setSelectedChatIndex: StateUpdater<number>;
+  setSelectedChatIndex: Dispatch<StateUpdater<number>>;
 }) {
   const { chatStore, setChatStore } = props;
   // prevent error
diff --git a/src/editMessage.tsx b/src/editMessage.tsx
index 0370e77..a1f85fc 100644
--- a/src/editMessage.tsx
+++ b/src/editMessage.tsx
@@ -1,5 +1,5 @@
 import { Tr, langCodeContext, LANG_OPTIONS, tr } from "./translate";
-import { useState, useEffect, StateUpdater } from "preact/hooks";
+import { useState, useEffect, StateUpdater,Dispatch } from "preact/hooks";
 import { ChatStore, ChatStoreMessage } from "./app";
 import { calculate_token_length, getMessageText } from "./chatgpt";
 import { isVailedJSON } from "./message";
@@ -9,7 +9,7 @@ import { EditMessageDetail } from "./editMessageDetail";
 interface EditMessageProps {
   chat: ChatStoreMessage;
   chatStore: ChatStore;
-  setShowEdit: StateUpdater<boolean>;
+  setShowEdit: Dispatch<StateUpdater<boolean>>;
   setChatStore: (cs: ChatStore) => void;
 }
 export function EditMessage(props: EditMessageProps) {
diff --git a/src/search.tsx b/src/search.tsx
index f5531c8..0348a07 100644
--- a/src/search.tsx
+++ b/src/search.tsx
@@ -1,6 +1,6 @@
 import { IDBPDatabase } from "idb";
 import { ChatStore } from "./app";
-import { StateUpdater, useRef, useState } from "preact/hooks";
+import { StateUpdater, useRef, useState, Dispatch } from "preact/hooks";
 
 interface ChatStoreSearchResult {
   key: IDBValidKey;
@@ -11,7 +11,7 @@ interface ChatStoreSearchResult {
 
 export default function Search(props: {
   db: Promise<IDBPDatabase<ChatStore>>;
-  setSelectedChatIndex: StateUpdater<number>;
+  setSelectedChatIndex: Dispatch<StateUpdater<number>>;
   chatStore: ChatStore;
   setShow: (show: boolean) => void;
 }) {
diff --git a/src/settings.tsx b/src/settings.tsx
index 36ef8ce..ce6095a 100644
--- a/src/settings.tsx
+++ b/src/settings.tsx
@@ -1,5 +1,5 @@
 import { createRef } from "preact";
-import { StateUpdater, useContext, useEffect, useState } from "preact/hooks";
+import { StateUpdater, useContext, useEffect, useState, Dispatch } from "preact/hooks";
 import {
   ChatStore,
   TemplateAPI,
@@ -414,7 +414,7 @@ const Choice = (props: {
 export default (props: {
   chatStore: ChatStore;
   setChatStore: (cs: ChatStore) => void;
-  setShow: StateUpdater<boolean>;
+  setShow: Dispatch<StateUpdater<boolean>>;
   selectedChatStoreIndex: number;
   templates: TemplateChatStore[];
   setTemplates: (templates: TemplateChatStore[]) => void;