rename textarea to use kebab case

libs/ui-toolkit/src/components/text-area/index.ts

@@ -0,0 +1 @@
+export * from './text-area';

libs/ui-toolkit/src/components/text-area/text-area.spec.tsx

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/react';
 
-import { TextArea } from './textArea';
+import { TextArea } from './text-area';
 
 describe('TextArea', () => {
   it('should render successfully', () => {

libs/ui-toolkit/src/components/text-area/text-area.stories.tsx

@@ -1,5 +1,5 @@
 import { Story, Meta } from '@storybook/react';
-import { TextArea } from './textArea';
+import { TextArea } from './text-area';
 
 export default {
   component: TextArea,

libs/ui-toolkit/src/components/text-area/text-area.tsx

@@ -1,13 +1,13 @@
 import { TextareaHTMLAttributes, forwardRef } from 'react';
 import { inputClassNames } from '../input/input';
 
-/* eslint-disable-next-line */
 export interface TextAreaProps
   extends TextareaHTMLAttributes<HTMLTextAreaElement> {
-  hasError?: boolean;
   className?: string;
 }
 
 export const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(
-  (props, ref) => <textarea {...props} className={inputClassNames(props)} />
+  (props, ref) => (
+    <textarea {...props} ref={ref} className={inputClassNames(props)} />
+  )
 );

libs/ui-toolkit/src/components/textArea/index.ts

@@ -1 +0,0 @@
-export * from './textArea';

libs/ui-toolkit/src/index.ts

@@ -8,4 +8,4 @@ export { Icon } from './components/icon';
 export { Input } from './components/input';
 export { InputError } from './components/inputError';
 export { Select } from './components/select';
-export { TextArea } from './components/textArea';
+export { TextArea } from './components/text-area';