From 7b941c863c08e59b70b7b59b61dfce6df0c6949d Mon Sep 17 00:00:00 2001
From: JimmFly <yangjinfei001@gmail.com>
Date: Fri, 16 Dec 2022 14:25:26 +0800
Subject: [PATCH] fix: exception display when restart quick search

---
 packages/app/src/components/quick-search/index.tsx | 2 +-
 packages/app/src/components/quick-search/input.tsx | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/app/src/components/quick-search/index.tsx b/packages/app/src/components/quick-search/index.tsx
index ff22ef2ba1..90763967ad 100644
--- a/packages/app/src/components/quick-search/index.tsx
+++ b/packages/app/src/components/quick-search/index.tsx
@@ -61,7 +61,7 @@ export const QuickSearch = ({ open, onClose }: TransitionsModalProps) => {
           }}
         >
           <StyledModalHeader>
-            <Input setQuery={setQuery} setLoading={setLoading} />
+            <Input query={query} setQuery={setQuery} setLoading={setLoading} />
             <StyledShortcut>{isMac() ? '⌘ + K' : 'Ctrl + K'}</StyledShortcut>
           </StyledModalHeader>
           <StyledModalDivider />
diff --git a/packages/app/src/components/quick-search/input.tsx b/packages/app/src/components/quick-search/input.tsx
index 715822a490..6f5dcc8759 100644
--- a/packages/app/src/components/quick-search/input.tsx
+++ b/packages/app/src/components/quick-search/input.tsx
@@ -9,6 +9,7 @@ import { SearchIcon } from '@blocksuite/icons';
 import { StyledInputContent, StyledLabel } from './style';
 import { Command } from 'cmdk';
 export const Input = (props: {
+  query: string;
   setQuery: Dispatch<SetStateAction<string>>;
   setLoading: Dispatch<SetStateAction<boolean>>;
 }) => {
@@ -18,6 +19,9 @@ export const Input = (props: {
   useEffect(() => {
     return inputRef.current?.focus();
   }, [inputRef]);
+  useEffect(() => {
+    return setInputValue(props.query);
+  }, []);
   return (
     <StyledInputContent>
       <StyledLabel htmlFor=":r5:">