fix: fix typescript error when setting ref on textinput (#1218)

callstack · Aug 23, 2019 · 52b2756 · 52b2756
1 parent 6e4afbb
commit 52b2756
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/components/TextInput/TextInput.tsx b/src/components/TextInput/TextInput.tsx
@@ -15,7 +15,9 @@ import { Theme } from '../../types';
 const BLUR_ANIMATION_DURATION = 180;
 const FOCUS_ANIMATION_DURATION = 150;
 
-export type TextInputProps = React.ComponentProps<typeof NativeTextInput> & {
+export type TextInputProps = React.ComponentPropsWithRef<
+  typeof NativeTextInput
+> & {
   /**
    * Mode of the TextInput.
    * - `flat` - flat input with an underline.
@@ -396,7 +398,8 @@ class TextInput extends React.Component<TextInputProps, State> {
   }
 
   render() {
-    const { mode, padding, ...rest } = this.props;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const { mode, padding, ref: outerRef, ...rest } = this.props;
 
     return mode === 'outlined' ? (
       <TextInputOutlined