From 823b465f32549c27702141db70a0136582bb3c31 Mon Sep 17 00:00:00 2001
From: Tanner Summers <Tanner.summers@ibm.com>
Date: Fri, 31 Mar 2023 22:31:27 -0500
Subject: [PATCH 01/11] fix(react): updated textarea counter value changes on
 re-render

---
 .../components/TextArea/TextArea.stories.js   |   5 +
 .../src/components/TextArea/TextArea.tsx      |   9 +-
 .../TextArea/__tests__/TextArea-test.js       | 304 +++++++++++++++++-
 3 files changed, 300 insertions(+), 18 deletions(-)

diff --git a/packages/react/src/components/TextArea/TextArea.stories.js b/packages/react/src/components/TextArea/TextArea.stories.js
index 6a6ab4ab27c2..2d5d57aa4ec4 100644
--- a/packages/react/src/components/TextArea/TextArea.stories.js
+++ b/packages/react/src/components/TextArea/TextArea.stories.js
@@ -153,6 +153,11 @@ Playground.argTypes = {
     },
     defaultValue: 'This is a warning message.',
   },
+  value: {
+    control: {
+      type: 'text',
+    },
+  },
 };
 
 Playground.args = {
diff --git a/packages/react/src/components/TextArea/TextArea.tsx b/packages/react/src/components/TextArea/TextArea.tsx
index 7bc31b021144..9615f39b937b 100644
--- a/packages/react/src/components/TextArea/TextArea.tsx
+++ b/packages/react/src/components/TextArea/TextArea.tsx
@@ -6,7 +6,7 @@
  */
 
 import PropTypes, { ReactNodeLike } from 'prop-types';
-import React, { useState, useContext, useRef } from 'react';
+import React, { useState, useContext, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import deprecate from '../../prop-types/deprecate';
 import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';
@@ -155,9 +155,13 @@ const TextArea = React.forwardRef((props: TextAreaProps, forwardRef) => {
   const enabled = useFeatureFlag('enable-v11-release');
   const { defaultValue, value, disabled } = other;
   const [textCount, setTextCount] = useState(
-    defaultValue?.toString().length || value?.toString().length || 0
+    defaultValue?.toString()?.length || value?.toString()?.length || 0
   );
 
+  useEffect(() => {
+    setTextCount(defaultValue?.toString()?.length || value?.toString()?.length || 0);
+  }, [value, defaultValue]);
+
   const textareaProps: {
     id: TextAreaProps['id'];
     onChange: TextAreaProps['onChange'];
@@ -261,6 +265,7 @@ const TextArea = React.forwardRef((props: TextAreaProps, forwardRef) => {
     <textarea
       {...other}
       {...textareaProps}
+      value={value}
       placeholder={placeholder}
       className={textareaClasses}
       aria-invalid={invalid}
diff --git a/packages/react/src/components/TextArea/__tests__/TextArea-test.js b/packages/react/src/components/TextArea/__tests__/TextArea-test.js
index b71d9da68397..428aae720826 100644
--- a/packages/react/src/components/TextArea/__tests__/TextArea-test.js
+++ b/packages/react/src/components/TextArea/__tests__/TextArea-test.js
@@ -10,30 +10,302 @@ import TextArea from '../TextArea';
 import userEvent from '@testing-library/user-event';
 import { render, screen } from '@testing-library/react';
 
+const prefix = 'cds';
+
 describe('TextArea', () => {
-  describe('behaves as expected - Component API', () => {
-    it('should respect readOnly prop', () => {
-      const onChange = jest.fn();
-      const onClick = jest.fn();
+  describe('renders as expected - Component API', () => {
+    it('should spread extra props onto the text area element', () => {
+      render(
+        <TextArea
+          data-testid="test-id"
+          id="area-1"
+          labelText="TextArea label"
+        />
+      );
+
+      expect(screen.getByRole('textbox')).toHaveAttribute(
+        'data-testid',
+        'test-id'
+      );
+    });
+
+    it('should respect defaultValue prop', () => {
+      render(
+        <TextArea
+          id="textarea-1"
+          labelText="TextArea label"
+          defaultValue="This is default text"
+        />
+      );
+
+      expect(screen.getByText('This is default text')).toBeInTheDocument();
+    });
+
+    it('should respect disabled prop', () => {
+      render(<TextArea id="textarea-1" labelText="TextArea label" disabled />);
+
+      expect(screen.getByRole('textbox')).toBeDisabled();
+    });
+
+    it('should respect helperText prop', () => {
       render(
         <TextArea
-          id="input-1"
+          id="textarea-1"
           labelText="TextArea label"
-          onClick={onClick}
-          onChange={onChange}
-          readOnly
-          value="test"
+          helperText="This is helper text"
         />
       );
 
-      // Click events should fire
-      userEvent.click(screen.getByRole('textbox'));
-      expect(onClick).toHaveBeenCalledTimes(1);
+      expect(screen.getByText('This is helper text')).toBeInTheDocument();
+      expect(screen.getByText('This is helper text')).toHaveClass(
+        `${prefix}--form__helper-text`
+      );
+    });
+
+    it('should respect hideLabel prop', () => {
+      render(<TextArea id="textarea-1" labelText="TextArea label" hideLabel />);
+
+      expect(screen.getByText('TextArea label')).toBeInTheDocument();
+      expect(screen.getByText('TextArea label')).toHaveClass(
+        `${prefix}--visually-hidden`
+      );
+    });
+
+    it('should respect id prop', () => {
+      render(<TextArea id="textarea-1" labelText="TextArea label" />);
+
+      expect(screen.getByRole('textbox')).toHaveAttribute('id', 'textarea-1');
+    });
+
+    it('should respect invalid prop', () => {
+      const { container } = render(
+        <TextArea id="textarea-1" labelText="TextArea" invalid />
+      );
+
+      const invalidIcon = container.querySelector(
+        `svg.${prefix}--text-area__invalid-icon`
+      );
+
+      expect(screen.getByRole('textbox')).toHaveClass(
+        `${prefix}--text-area--invalid`
+      );
+      expect(invalidIcon).toBeInTheDocument();
+    });
+
+    it('should respect invalidText prop', () => {
+      render(
+        <TextArea
+          id="textarea-1"
+          labelText="TextArea"
+          invalid
+          invalidText="This is invalid text"
+        />
+      );
+
+      expect(screen.getByText('This is invalid text')).toBeInTheDocument();
+      expect(screen.getByText('This is invalid text')).toHaveClass(
+        `${prefix}--form-requirement`
+      );
+    });
+
+    it('should respect labelText prop', () => {
+      render(<TextArea id="textarea-1" labelText="TextArea label" />);
+
+      expect(screen.getByText('TextArea label')).toBeInTheDocument();
+      expect(screen.getByText('TextArea label')).toHaveClass(
+        `${prefix}--label`
+      );
+    });
+
+    it('should respect placeholder prop', () => {
+      render(
+        <TextArea
+          id="textarea-1"
+          labelText="TextArea label"
+          placeholder="Placeholder text"
+        />
+      );
+
+      expect(
+        screen.getByPlaceholderText('Placeholder text')
+      ).toBeInTheDocument();
+    });
+
+    it('should respect value prop', () => {
+      render(
+        <TextArea
+          id="textarea-1"
+          labelText="TextArea label"
+          value="This is a test value"
+        />
+      );
+
+      expect(screen.getByText('This is a test value')).toBeInTheDocument();
+    });
+
+    it('should respect warn prop', () => {
+      const { container } = render(
+        <TextArea id="textarea-1" labelText="TextArea label" warn />
+      );
+
+      const warnIcon = container.querySelector(
+        `svg.${prefix}--text-area__invalid-icon--warning`
+      );
+
+      expect(screen.getByRole('textbox')).toHaveClass(
+        `${prefix}--text-area--warn`
+      );
+      expect(warnIcon).toBeInTheDocument();
+    });
+
+    it('should respect warnText prop', () => {
+      render(
+        <TextArea
+          id="textarea-1"
+          labelText="TextArea label"
+          warn
+          warnText="This is warning text"
+        />
+      );
+
+      expect(screen.getByText('This is warning text')).toBeInTheDocument();
+      expect(screen.getByText('This is warning text')).toHaveClass(
+        `${prefix}--form-requirement`
+      );
+    });
+
+    it('should respect rows prop', () => {
+      render(<TextArea id="textarea-1" labelText="TextArea label" rows={25} />);
+
+      expect(screen.getByRole('textbox')).toHaveAttribute('rows', '25');
+    });
+
+    it('should respect enableCounter and macCount prop', () => {
+      render(
+        <TextArea
+          id="textarea-1"
+          labelText="TextArea label"
+          enableCounter={true}
+          maxCount={500}
+        />
+      );
+
+      expect(screen.getByRole('textbox')).toHaveAttribute('maxlength', '500');
+      expect(screen.getByText('0/500')).toBeInTheDocument();
+    });
+
+    describe('behaves as expected - Component API', () => {
+      it('should respect onChange prop', () => {
+        const onChange = jest.fn();
+        render(
+          <TextArea
+            id="textarea-1"
+            labelText="TextArea label"
+            data-testid-="textarea-1"
+            onChange={onChange}
+          />
+        );
+
+        userEvent.type(screen.getByRole('textbox'), 'x');
+        expect(screen.getByRole('textbox')).toHaveValue('x');
+        expect(onChange).toHaveBeenCalledTimes(1);
+        expect(onChange).toHaveBeenCalledWith(
+          expect.objectContaining({
+            target: expect.any(Object),
+          })
+        );
+      });
+
+      it('should respect onClick prop', () => {
+        const onClick = jest.fn();
+        render(
+          <TextArea
+            id="textarea-1"
+            labelText="TextArea label"
+            data-testid-="textarea-1"
+            onClick={onClick}
+          />
+        );
+
+        userEvent.click(screen.getByRole('textbox'));
+        expect(onClick).toHaveBeenCalledTimes(1);
+        expect(onClick).toHaveBeenCalledWith(
+          expect.objectContaining({
+            target: expect.any(Object),
+          })
+        );
+      });
+
+      it('should not call `onClick` when the `<input>` is clicked but disabled', () => {
+        const onClick = jest.fn();
+        render(
+          <TextArea
+            id="textarea-1"
+            labelText="TextArea label"
+            onClick={onClick}
+            disabled
+          />
+        );
+
+        userEvent.click(screen.getByRole('textbox'));
+        expect(onClick).not.toHaveBeenCalled();
+      });
+
+      it('should respect readOnly prop', () => {
+        const onChange = jest.fn();
+        const onClick = jest.fn();
+        render(
+          <TextArea
+            id="textarea-1"
+            labelText="TextArea label"
+            onClick={onClick}
+            onChange={onChange}
+            readOnly
+          />
+        );
+
+        userEvent.click(screen.getByRole('textbox'));
+        expect(onClick).toHaveBeenCalledTimes(1);
+
+        userEvent.type(screen.getByRole('textbox'), 'x');
+        expect(screen.getByRole('textbox')).not.toHaveValue('x');
+        expect(onChange).toHaveBeenCalledTimes(0);
+      });
+
+      it('should not render counter with only enableCounter prop passed in', () => {
+        render(
+          <TextArea id="textarea-1" labelText="TextArea label" enableCounter />
+        );
+
+        const counter = screen.queryByText('0/5');
+
+        expect(counter).not.toBeInTheDocument();
+      });
+
+      it('should not render counter with only maxCount prop passed in', () => {
+        render(
+          <TextArea id="textarea-1" labelText="TextArea label" enableCounter />
+        );
+
+        const counter = screen.queryByText('0/5');
+
+        expect(counter).not.toBeInTheDocument();
+      });
+
+      it('should have the expected classes for counter', () => {
+        render(
+          <TextArea
+            id="textarea-1"
+            labelText="TextArea label"
+            enableCounter
+            maxCount={5}
+          />
+        );
+
+        const counter = screen.queryByText('0/5');
 
-      // Change events should *not* fire
-      userEvent.type(screen.getByRole('textbox'), 'x');
-      expect(screen.getByRole('textbox')).not.toHaveValue('x');
-      expect(onChange).toHaveBeenCalledTimes(0);
+        expect(counter).toBeInTheDocument();
+      });
     });
   });
 });

From 28c5f681b1c093c83ebc4ac7d7f71e833d0e3960 Mon Sep 17 00:00:00 2001
From: Francine Lucca <francinelucca@hotmail.com>
Date: Mon, 3 Apr 2023 11:48:49 -0400
Subject: [PATCH 02/11] fix: format

---
 packages/react/src/components/TextArea/TextArea.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/components/TextArea/TextArea.tsx b/packages/react/src/components/TextArea/TextArea.tsx
index 9615f39b937b..0c3836216c66 100644
--- a/packages/react/src/components/TextArea/TextArea.tsx
+++ b/packages/react/src/components/TextArea/TextArea.tsx
@@ -159,7 +159,9 @@ const TextArea = React.forwardRef((props: TextAreaProps, forwardRef) => {
   );
 
   useEffect(() => {
-    setTextCount(defaultValue?.toString()?.length || value?.toString()?.length || 0);
+    setTextCount(
+      defaultValue?.toString()?.length || value?.toString()?.length || 0
+    );
   }, [value, defaultValue]);
 
   const textareaProps: {

From dc7df391e622d811955e8ad68bbbac73dcea58e7 Mon Sep 17 00:00:00 2001
From: "Andrea N. Cardona" <cardona.n.andrea@gmail.com>
Date: Mon, 3 Apr 2023 18:33:03 -0600
Subject: [PATCH 03/11] Update
 packages/react/src/components/TextArea/__tests__/TextArea-test.js

---
 .../react/src/components/TextArea/__tests__/TextArea-test.js     | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/react/src/components/TextArea/__tests__/TextArea-test.js b/packages/react/src/components/TextArea/__tests__/TextArea-test.js
index 428aae720826..1a1e854e805e 100644
--- a/packages/react/src/components/TextArea/__tests__/TextArea-test.js
+++ b/packages/react/src/components/TextArea/__tests__/TextArea-test.js
@@ -73,7 +73,6 @@ describe('TextArea', () => {
 
     it('should respect id prop', () => {
       render(<TextArea id="textarea-1" labelText="TextArea label" />);
-
       expect(screen.getByRole('textbox')).toHaveAttribute('id', 'textarea-1');
     });
 

From a6389b351a885fb21f1e5f05c24973bf94946eeb Mon Sep 17 00:00:00 2001
From: "Andrea N. Cardona" <cardona.n.andrea@gmail.com>
Date: Mon, 3 Apr 2023 18:33:08 -0600
Subject: [PATCH 04/11] Update
 packages/react/src/components/TextArea/__tests__/TextArea-test.js

---
 .../react/src/components/TextArea/__tests__/TextArea-test.js     | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/react/src/components/TextArea/__tests__/TextArea-test.js b/packages/react/src/components/TextArea/__tests__/TextArea-test.js
index 1a1e854e805e..d59e1f9e9a53 100644
--- a/packages/react/src/components/TextArea/__tests__/TextArea-test.js
+++ b/packages/react/src/components/TextArea/__tests__/TextArea-test.js
@@ -175,7 +175,6 @@ describe('TextArea', () => {
 
     it('should respect rows prop', () => {
       render(<TextArea id="textarea-1" labelText="TextArea label" rows={25} />);
-
       expect(screen.getByRole('textbox')).toHaveAttribute('rows', '25');
     });
 

From 3870f1e3b48eabe8341e25326881a620652ae29a Mon Sep 17 00:00:00 2001
From: "Andrea N. Cardona" <cardona.n.andrea@gmail.com>
Date: Mon, 3 Apr 2023 18:33:28 -0600
Subject: [PATCH 05/11] Update
 packages/react/src/components/TextArea/__tests__/TextArea-test.js

---
 .../react/src/components/TextArea/__tests__/TextArea-test.js     | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/react/src/components/TextArea/__tests__/TextArea-test.js b/packages/react/src/components/TextArea/__tests__/TextArea-test.js
index d59e1f9e9a53..137b88e9a855 100644
--- a/packages/react/src/components/TextArea/__tests__/TextArea-test.js
+++ b/packages/react/src/components/TextArea/__tests__/TextArea-test.js
@@ -187,7 +187,6 @@ describe('TextArea', () => {
           maxCount={500}
         />
       );
-
       expect(screen.getByRole('textbox')).toHaveAttribute('maxlength', '500');
       expect(screen.getByText('0/500')).toBeInTheDocument();
     });

From e36c62886615f64453ff577c60b4acce7021816b Mon Sep 17 00:00:00 2001
From: Tanner Summers <tannersummers@outlook.com>
Date: Fri, 14 Apr 2023 18:22:08 -0700
Subject: [PATCH 06/11] Update
 packages/react/src/components/TextArea/__tests__/TextArea-test.js

Co-authored-by: Francine Lucca <40550942+francinelucca@users.noreply.github.com>
---
 .../react/src/components/TextArea/__tests__/TextArea-test.js    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/src/components/TextArea/__tests__/TextArea-test.js b/packages/react/src/components/TextArea/__tests__/TextArea-test.js
index 137b88e9a855..67c918e34a42 100644
--- a/packages/react/src/components/TextArea/__tests__/TextArea-test.js
+++ b/packages/react/src/components/TextArea/__tests__/TextArea-test.js
@@ -178,7 +178,7 @@ describe('TextArea', () => {
       expect(screen.getByRole('textbox')).toHaveAttribute('rows', '25');
     });
 
-    it('should respect enableCounter and macCount prop', () => {
+    it('should respect enableCounter and maxCount prop', () => {
       render(
         <TextArea
           id="textarea-1"

From 382b0131c11694770111f41ca6fc24c9fff5f505 Mon Sep 17 00:00:00 2001
From: Francine Lucca <francinelucca@hotmail.com>
Date: Mon, 15 May 2023 13:39:43 -0400
Subject: [PATCH 07/11] fix(TextArea): use textarea ref value instead of
 [value,defaultValue]

---
 packages/react/src/components/TextArea/TextArea.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/react/src/components/TextArea/TextArea.tsx b/packages/react/src/components/TextArea/TextArea.tsx
index 8dbd630f0e96..1e7110c879ad 100644
--- a/packages/react/src/components/TextArea/TextArea.tsx
+++ b/packages/react/src/components/TextArea/TextArea.tsx
@@ -162,12 +162,6 @@ const TextArea = React.forwardRef((props: TextAreaProps, forwardRef) => {
   );
   const { current: textAreaInstanceId } = useRef(getInstanceId());
 
-  useEffect(() => {
-    setTextCount(
-      defaultValue?.toString()?.length || value?.toString()?.length || 0
-    );
-  }, [value, defaultValue]);
-
   const textareaProps: {
     id: TextAreaProps['id'];
     onChange: TextAreaProps['onChange'];
@@ -264,6 +258,12 @@ const TextArea = React.forwardRef((props: TextAreaProps, forwardRef) => {
     | React.LegacyRef<HTMLTextAreaElement>
     | undefined;
 
+  useEffect(() => {
+    setTextCount(
+      textareaRef.current?.value?.length || 0
+    );
+  }, [textareaRef.current?.value])
+
   useIsomorphicEffect(() => {
     if (other.cols && textareaRef.current) {
       textareaRef.current.style.width = '';

From 57f9ca97b0dfaba1fce6baa0b65a4d01f37eb814 Mon Sep 17 00:00:00 2001
From: Francine Lucca <francinelucca@hotmail.com>
Date: Mon, 15 May 2023 13:40:39 -0400
Subject: [PATCH 08/11] fix: format

---
 packages/react/src/components/TextArea/TextArea.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/packages/react/src/components/TextArea/TextArea.tsx b/packages/react/src/components/TextArea/TextArea.tsx
index 1e7110c879ad..34c8c90a52a5 100644
--- a/packages/react/src/components/TextArea/TextArea.tsx
+++ b/packages/react/src/components/TextArea/TextArea.tsx
@@ -259,10 +259,8 @@ const TextArea = React.forwardRef((props: TextAreaProps, forwardRef) => {
     | undefined;
 
   useEffect(() => {
-    setTextCount(
-      textareaRef.current?.value?.length || 0
-    );
-  }, [textareaRef.current?.value])
+    setTextCount(textareaRef.current?.value?.length || 0);
+  }, [textareaRef.current?.value]);
 
   useIsomorphicEffect(() => {
     if (other.cols && textareaRef.current) {

From b0947ec8da5a605b0aa687c220609c329f4fc204 Mon Sep 17 00:00:00 2001
From: Francine Lucca <francinelucca@hotmail.com>
Date: Mon, 15 May 2023 14:13:22 -0400
Subject: [PATCH 09/11] fix(TextArea): add value to textCounter dependency
 array

---
 packages/react/src/components/TextArea/TextArea.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/components/TextArea/TextArea.tsx b/packages/react/src/components/TextArea/TextArea.tsx
index 0f43a286ef34..ee3def58070a 100644
--- a/packages/react/src/components/TextArea/TextArea.tsx
+++ b/packages/react/src/components/TextArea/TextArea.tsx
@@ -254,7 +254,8 @@ const TextArea = React.forwardRef((props: TextAreaProps, forwardRef) => {
 
   useEffect(() => {
     setTextCount(textareaRef.current?.value?.length || 0);
-  }, [textareaRef.current?.value]);
+  }, [textareaRef.current?.value, value]);
+
 
   useIsomorphicEffect(() => {
     if (other.cols && textareaRef.current) {

From 7361200cd62040101b667184efa147488fb09493 Mon Sep 17 00:00:00 2001
From: Francine Lucca <francinelucca@hotmail.com>
Date: Mon, 15 May 2023 14:29:05 -0400
Subject: [PATCH 10/11] fix(TextArea): textCount optimizations

- use value,defaultValue in useEffect insead of ref
- delay textCount assignation
---
 .../react/src/components/TextArea/TextArea.tsx  | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/packages/react/src/components/TextArea/TextArea.tsx b/packages/react/src/components/TextArea/TextArea.tsx
index ee3def58070a..076bf8f90491 100644
--- a/packages/react/src/components/TextArea/TextArea.tsx
+++ b/packages/react/src/components/TextArea/TextArea.tsx
@@ -160,6 +160,12 @@ const TextArea = React.forwardRef((props: TextAreaProps, forwardRef) => {
   );
   const { current: textAreaInstanceId } = useRef(getInstanceId());
 
+  useEffect(() => {
+    setTextCount(
+      defaultValue?.toString()?.length || value?.toString()?.length || 0
+    );
+  }, [value, defaultValue]);
+
   const textareaProps: {
     id: TextAreaProps['id'];
     onChange: TextAreaProps['onChange'];
@@ -169,7 +175,10 @@ const TextArea = React.forwardRef((props: TextAreaProps, forwardRef) => {
     id,
     onChange: (evt) => {
       if (!other.disabled && onChange) {
-        setTextCount(evt.target.value?.length);
+        // delay textCount assignation to give the textarea element value time to catch up if is a controlled input
+        setTimeout(() => {
+          setTextCount(evt.target.value?.length);
+        },0);
         onChange(evt);
       }
     },
@@ -252,11 +261,6 @@ const TextArea = React.forwardRef((props: TextAreaProps, forwardRef) => {
     | React.LegacyRef<HTMLTextAreaElement>
     | undefined;
 
-  useEffect(() => {
-    setTextCount(textareaRef.current?.value?.length || 0);
-  }, [textareaRef.current?.value, value]);
-
-
   useIsomorphicEffect(() => {
     if (other.cols && textareaRef.current) {
       textareaRef.current.style.width = '';
@@ -278,7 +282,6 @@ const TextArea = React.forwardRef((props: TextAreaProps, forwardRef) => {
     <textarea
       {...other}
       {...textareaProps}
-      value={value}
       placeholder={placeholder}
       className={textareaClasses}
       aria-invalid={invalid}

From 54b7c909bb1b533f334ce45dab3bbe43700d1fba Mon Sep 17 00:00:00 2001
From: Francine Lucca <francinelucca@hotmail.com>
Date: Mon, 15 May 2023 14:30:44 -0400
Subject: [PATCH 11/11] fix: format

---
 packages/react/src/components/TextArea/TextArea.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/src/components/TextArea/TextArea.tsx b/packages/react/src/components/TextArea/TextArea.tsx
index 076bf8f90491..9cdbdaf46a76 100644
--- a/packages/react/src/components/TextArea/TextArea.tsx
+++ b/packages/react/src/components/TextArea/TextArea.tsx
@@ -178,7 +178,7 @@ const TextArea = React.forwardRef((props: TextAreaProps, forwardRef) => {
         // delay textCount assignation to give the textarea element value time to catch up if is a controlled input
         setTimeout(() => {
           setTextCount(evt.target.value?.length);
-        },0);
+        }, 0);
         onChange(evt);
       }
     },