From 7d32fb727bfd2e9d62978fb90155db8ce92a9e4a Mon Sep 17 00:00:00 2001
From: Adam McQuilkin <46639306+ajmcquilkin@users.noreply.github.com>
Date: Wed, 12 Oct 2022 17:18:58 -0400
Subject: [PATCH] Initial commit (#43)

---
 src/components/CommandPalette/Index.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/CommandPalette/Index.tsx b/src/components/CommandPalette/Index.tsx
index e84231bd..59de582d 100644
--- a/src/components/CommandPalette/Index.tsx
+++ b/src/components/CommandPalette/Index.tsx
@@ -12,7 +12,7 @@
  */
 
 import type React from "react";
-import { Fragment, useState } from "react";
+import { Fragment, useEffect, useState } from "react";
 
 import { toast } from "react-hot-toast";
 
@@ -211,14 +211,17 @@ export const CommandPalette = (): JSX.Element => {
     },
   ];
 
-  window.addEventListener("keydown", (e) => {
-    if (e.key === "k") {
-      e.preventDefault();
-    }
+  const handleKeydown = (e: KeyboardEvent) => {
     if (e.key === "k" && (e.metaKey || e.ctrlKey)) {
+      e.preventDefault();
       setOpen(true);
     }
-  });
+  };
+
+  useEffect(() => {
+    window.addEventListener("keydown", handleKeydown);
+    return () => window.removeEventListener("keydown", handleKeydown);
+  }, []);
 
   const filtered =
     query === ""