From a15cfeb91ece588feb04bf37773d9f6e78975026 Mon Sep 17 00:00:00 2001
From: Brokyeom <goindol40@gmail.com>
Date: Tue, 26 Nov 2024 20:01:43 +0900
Subject: [PATCH 1/2] fix: Textarea value.length undefined

---
 packages/ui/Input/TextArea.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/ui/Input/TextArea.tsx b/packages/ui/Input/TextArea.tsx
index 24e788c..80fd32f 100644
--- a/packages/ui/Input/TextArea.tsx
+++ b/packages/ui/Input/TextArea.tsx
@@ -35,7 +35,7 @@ const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>((props, forwarde
     isError,
     validationFn,
     errorMessage,
-    value = '',
+    value,
     disableEnterSubmit = false,
     maxLength,
     fixedHeight,
@@ -45,8 +45,8 @@ const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>((props, forwarde
   const { onChange, ...restInputProps } = inputProps;
   const { disabled, readOnly, required } = restInputProps;
 
-  const isValid = validationFn ? validationFn(value) : true;
-  const isEmpty = value.length === 0;
+  const isValid = validationFn ? validationFn(value ?? '') : true;
+  const isEmpty = value && value.length === 0;
 
   const submitButtonRef = useRef<HTMLButtonElement | null>(null);
 
@@ -171,8 +171,8 @@ const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>((props, forwarde
           )}
 
           {maxLength ? (
-            <p className={`${S.count} ${value.length > maxLength ? S.maxCount : ''}`}>
-              {value.length}/{maxLength}
+            <p className={`${S.count} ${!isEmpty && value && value.length > maxLength ? S.maxCount : ''}`}>
+              {value?.length}/{maxLength}
             </p>
           ) : null}
         </div>

From 18b8d2c6669bf75852b07963504ed95f56dde405 Mon Sep 17 00:00:00 2001
From: Brokyeom <goindol40@gmail.com>
Date: Tue, 26 Nov 2024 20:02:49 +0900
Subject: [PATCH 2/2] cs

---
 .changeset/pretty-eggs-teach.md | 5 +++++
 apps/docs/src/App.tsx           | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/pretty-eggs-teach.md

diff --git a/.changeset/pretty-eggs-teach.md b/.changeset/pretty-eggs-teach.md
new file mode 100644
index 0000000..5cfa5de
--- /dev/null
+++ b/.changeset/pretty-eggs-teach.md
@@ -0,0 +1,5 @@
+---
+'@sopt-makers/ui': patch
+---
+
+TextArea Value prop이 undefined일 경우 발생하는 타입 에러 수정
diff --git a/apps/docs/src/App.tsx b/apps/docs/src/App.tsx
index 5fe7640..50dd158 100644
--- a/apps/docs/src/App.tsx
+++ b/apps/docs/src/App.tsx
@@ -70,7 +70,7 @@ function App() {
         rightAddon={{ onClick: () => handleTextareaSubmit() }}
         validationFn={textareaValidation}
         errorMessage='Error Message'
-        value={textarea}
+        // value={textarea}
         onChange={handleTextareaChange}
         maxLength={300}
       />