refactor: [1주차 리뷰] optional 지정 및 Pick 타입 사용

kakao-tech-campus-2nd-step2 · Jun 30, 2024 · eb79af2 · eb79af2
1 parent e0a9e94
commit eb79af2
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/Form/Input/UnderlineTextField.tsx b/src/components/Form/Input/UnderlineTextField.tsx
@@ -2,12 +2,12 @@ import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 
 export interface IUnderlineTextField extends React.ComponentProps<'input'> {
-  invalid: boolean;
+  invalid?: boolean;
   variant: 'small' | 'large' | 'responsive';
 }
 
 export const UnderlineTextField = ({ invalid = false, variant = 'responsive', ...rest }: IUnderlineTextField) => {
-  return <StyleInput invalid={invalid} variant={variant} {...rest}></StyleInput>;
+  return <StyleInput invalid={invalid} variant={variant} {...rest} />;
 };
 
 const sizeStyles = {
@@ -40,7 +40,7 @@ const sizeStyles = {
   `,
 };
 
-const StyleInput = styled.input<IUnderlineTextField>`
+const StyleInput = styled.input<Pick<IUnderlineTextField, 'invalid' | 'variant'>>`
   width: 100%;
   padding: 12px 20px;
   margin: 8px 0;