fix: 검색창 입력시 기본 새로고침 해제

jiphyeonjeon-42 · Oct 31, 2023 · a81f599 · a81f599
1 parent dc2e985
commit a81f599
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/component/utils/SearchBar.tsx b/src/component/utils/SearchBar.tsx
@@ -11,11 +11,19 @@ export type Props = ComponentProps<"form"> & {
 const SearchBar = ({
   width = "banner",
   className = "",
+  onSubmit,
   children,
   ...rest
 }: Props) => {
   return (
-    <form {...rest} className={`search-bar__wrapper ${width} ${className}`}>
+    <form
+      {...rest}
+      className={`search-bar__wrapper ${width} ${className}`}
+      onSubmit={e => {
+        e.preventDefault();
+        onSubmit && onSubmit(e);
+      }}
+    >
       {children}
     </form>
   );