Material-ui: [TextareaAutosize] Property 'ref' does not exist on type

Created on 17 Sep 2019 · 3Comments · Source: mui-org/material-ui

[x] The issue is present in the latest release.
[x] I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

When passing ref to TextareaAutosize typescript complains about Property 'ref' does not exist on type.

Expected Behavior 🤔

Since the component uses forwardRef, the types should reflect this and typescript shouldn't complain when using the ref prop.

Steps to Reproduce 🕹

link to codesandbox

function Example() {
  const inputRef = React.useRef();

  return <TextareaAutosize ref={inputRef} />;
}

Steps:

Import TextareaAutosize in a typescript project
Pass ref prop TextareaAutosize
Error

Context 🔦

Trying to extend the TextField component and having to use // @ts-ignore to get past this.

Your Environment 🌎

| Tech | Version |
| ----------- | ------- |
| Material-UI | v4.4.2 |
| React | v16.8.4 |
| TypeScript | v3.3.3 and v3.5.3 |

bug 🐛 TextareaAutosize good first issue hacktoberfest typescript

Source

Rosenblad

All 3 comments

Confirmed, it also affects ClickAwayListener and Portal. The difference between the other component is the absence of StandardProps.

This seems to do the trick:

diff --git a/packages/material-ui/src/TextareaAutosize/TextareaAutosize.d.ts b/packages/material-ui/src/TextareaAutosize/TextareaAutosize.d.ts
index 7daca851a..604a605ef 100644
--- a/packages/material-ui/src/TextareaAutosize/TextareaAutosize.d.ts
+++ b/packages/material-ui/src/TextareaAutosize/TextareaAutosize.d.ts
@@ -4,6 +4,10 @@ export interface TextareaAutosizeProps extends React.TextareaHTMLAttributes<HTML
   rowsMax?: string | number;
 }

-declare const TextareaAutosize: React.ComponentType<TextareaAutosizeProps>;
+declare const TextareaAutosize: React.ComponentType<
+  TextareaAutosizeProps & {
+    ref?: TextareaAutosizeProps extends { ref?: infer RefType } ? RefType : React.Ref<unknown>;
+  }
+>;

 export default TextareaAutosize;

Should we abstract it, somehow?