fix: 멤버 추가 제대로 작동하지 않는 문제 수정

woowacourse-teams · Sep 26, 2024 · c94b5ca · c94b5ca
1 parent 57cb197
commit c94b5ca
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 10 deletions.
diff --git a/client/src/components/Design/components/Input/Input.tsx b/client/src/components/Design/components/Input/Input.tsx
@@ -14,7 +14,7 @@ export const Input: React.FC<InputProps> = forwardRef<HTMLInputElement, InputPro
     onChange,
     onFocus,
     onBlur,
-    inputType,
+    inputType = 'input',
     isError,
     placeholder,
     autoFocus,

diff --git a/client/src/hooks/useMembersStep.ts b/client/src/hooks/useMembersStep.ts
@@ -60,19 +60,16 @@ const useMembersStep = ({billInfo, setBillInfo, currentMembers, setStep}: Props)
   };
 
   const handleNameInputEnter = (event: React.KeyboardEvent<HTMLInputElement>) => {
-    if (event.key === 'Enter' && canAddMembers) {
+    if (event.key === 'Enter' && canAddMembers && inputRef.current) {
+      event.preventDefault();
       if (!billInfo.members.map(({name}) => name).includes(nameInput)) {
         setBillInfoMemberWithId(nameInput);
-      }
-      setNameInput('');
-      if (inputRef.current) {
+        setNameInput('');
+        inputRef.current.value = '';
         inputRef.current.blur();
         setTimeout(() => {
-          inputRef.current?.focus();
-        }, 0);
-      }
-      if (event.nativeEvent.isComposing) {
-        return;
+          if (inputRef.current) inputRef.current?.focus();
+        }, 10);
       }
     }
   };