From 5411367582502611ae0191fbf2464d23fafa789f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fran=C3=A7ois=20Chalifour?= <francois.chalifour@gmail.com>
Date: Mon, 20 Jul 2020 15:45:27 +0200
Subject: [PATCH] fix(website): memoize `onInput` callback

---
 src/DocSearch.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/DocSearch.tsx b/src/DocSearch.tsx
index 8398b43e..4c4130b1 100644
--- a/src/DocSearch.tsx
+++ b/src/DocSearch.tsx
@@ -43,10 +43,13 @@ export function DocSearch(props: DocSearchProps) {
     setIsOpen(false);
   }, [setIsOpen]);
 
-  function onInput(event) {
-    setIsOpen(true);
-    setInitialQuery(event.key);
-  }
+  const onInput = React.useCallback(
+    (event) => {
+      setIsOpen(true);
+      setInitialQuery(event.key);
+    },
+    [setIsOpen, setInitialQuery]
+  );
 
   useDocSearchKeyboardEvents({
     isOpen,