Refactor TextareaAutosizeProps

.changeset/cuddly-meals-kick.md

@@ -2,4 +2,4 @@
 'react-textarea-autosize': patch
 ---
 
-`ref` got excluded from `TextareaAutosizeProps`. It being included has caused problems when using `TextareaAutosizeProps` to declare wrapper components and there seems to be no value in having it included in this type.
+`TextareaAutosizeProps` are now based on `React.TextareaHTMLAttributes<HTMLTextAreaElement>` instead of `JSX.IntrinsicElements['textarea']`. The latter one includes a type for `ref` attribute and it being included as part of `TextareaAutosizeProps` has caused problems when using `TextareaAutosizeProps` to declare wrapper components. This is also more semantically correct as `ref` shouldn't be a part of `props`. It's rather accepted by a particular JSX element and in case of the `react-textarea-autosize` this is the type of the exported component which is `React.ForwardRefExoticComponent<TextareaAutosizeProps>` (a result of `React.forwardRef` call).

.changeset/hungry-otters-return.md

@@ -0,0 +1,5 @@
+---
+'react-textarea-autosize': patch
+---
+
+`maxHeight` and `minHeight` has been disallowed as part of `TextareaAutosizeProps['style']`. The intention to do that was there since the v8 release but it was not implemented correctly and allowed those to slip into the mentioned type.

src/index.tsx

@@ -4,17 +4,16 @@ import getSizingData, { SizingData } from './getSizingData';
 import { useComposedRef, useWindowResizeListener } from './hooks';
 import { noop } from './utils';
 
+type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+
 type Style = Omit<
-  NonNullable<JSX.IntrinsicElements['textarea']['style']>,
+  NonNullable<TextareaProps['style']>,
   'maxHeight' | 'minHeight'
 > & {
   height?: number;
 };
 
-export type TextareaAutosizeProps = Omit<
-  JSX.IntrinsicElements['textarea'],
-  'ref'
-> & {
+export type TextareaAutosizeProps = Omit<TextareaProps, 'style'> & {
   maxRows?: number;
   minRows?: number;
   onHeightChange?: (height: number) => void;