From 6e3d1ae0df0ec2bcf0aa53217364f04611f943fc Mon Sep 17 00:00:00 2001
From: siam <31573022+siam-ese@users.noreply.github.com>
Date: Tue, 18 Mar 2025 11:35:39 +0800
Subject: [PATCH] chore: init quick insert menu state (#4849)

---
 packages/docs-quick-insert-ui/src/views/QuickInsertPopup.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/docs-quick-insert-ui/src/views/QuickInsertPopup.tsx b/packages/docs-quick-insert-ui/src/views/QuickInsertPopup.tsx
index c101e7712d..94c5012806 100644
--- a/packages/docs-quick-insert-ui/src/views/QuickInsertPopup.tsx
+++ b/packages/docs-quick-insert-ui/src/views/QuickInsertPopup.tsx
@@ -82,12 +82,15 @@ export const QuickInsertPopup = () => {
     const filterKeyword = useObservable(docQuickInsertPopupService.filterKeyword$, '');
     const currentPopup = useObservable(docQuickInsertPopupService.editPopup$);
     const menus = useObservable<DocPopupMenu[]>(currentPopup?.popup.menus$, []);
-    const [filteredMenus, setFilteredMenus] = useState<DocPopupMenu[]>([]);
 
     const translatedMenus = useMemo(() => {
         return translateMenus(menus, localeService);
     }, [menus]);
 
+    const [filteredMenus, setFilteredMenus] = useState<DocPopupMenu[]>(() => {
+        return filterMenusByKeyword(translatedMenus, filterKeyword.toLowerCase());
+    });
+
     useEffect(() => {
         const id = requestIdleCallback(() => {
             setFilteredMenus(filterMenusByKeyword(translatedMenus, filterKeyword.toLowerCase()));