From 243b675f32baf3efcb2736740bbe1d9465ba8c96 Mon Sep 17 00:00:00 2001
From: Falak Zahra <falak.zahra16@gmail.com>
Date: Sat, 31 Aug 2024 23:44:48 -0600
Subject: [PATCH] Prevent form refresh if user presses Enter key during
 filtering process

---
 src/components/FilterListInput.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/FilterListInput.tsx b/src/components/FilterListInput.tsx
index ca24b62..6ebe5ef 100644
--- a/src/components/FilterListInput.tsx
+++ b/src/components/FilterListInput.tsx
@@ -1,4 +1,4 @@
-import { ChangeEvent } from "react";
+import { ChangeEvent, FormEvent } from "react";
 
 interface FilterListProps {
 	searchTerm: string;
@@ -13,8 +13,12 @@ export function FilterListInput({
 		setSearchTerm(e.target.value);
 	};
 
+	const handleSubmit = (e: FormEvent<HTMLFormElement>) => {
+		e.preventDefault();
+	};
+
 	return (
-		<form>
+		<form onSubmit={handleSubmit}>
 			<label htmlFor="filterList">
 				Filter List:
 				<input