Merge branch 'develop' into feat/quick-search

packages/app/src/components/quick-search/content/searchResult/NotFound.tsx

@@ -1,8 +1,11 @@
 import React from 'react';
 import { Command, useCommandState } from 'cmdk';
 
-const NoResult = (props: { query: string }) => {
+const NoResult = () => {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+
   const search = useCommandState(state => state.search);
+  // eslint-disable-next-line react/no-unescaped-entities
   return <Command.Empty>No results found for "{search}".</Command.Empty>;
 };
 

packages/app/src/components/quick-search/index.tsx

@@ -22,7 +22,6 @@ const isMac = () => {
 export const QuickSearch = ({ open, onClose }: TransitionsModalProps) => {
   const [query, setQuery] = useState('');
   const { triggerQuickSearchModal } = useModal();
-
   useEffect(() => {
     const down = (e: KeyboardEvent) => {
       if (e.key === 'k' && e.metaKey) {
@@ -38,7 +37,7 @@ export const QuickSearch = ({ open, onClose }: TransitionsModalProps) => {
     };
     document.addEventListener('keydown', down);
     return () => document.removeEventListener('keydown', down);
-  }, [open]);
+  }, [open, triggerQuickSearchModal]);
   return (
     <Modal open={open} onClose={onClose} wrapperPosition={['top', 'center']}>
       <ModalWrapper