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()));