fix: Screen goes blank when trying to add column of type Object or GeoPoint (#2384)

Author: Damian Stasik

src/components/TextInput/TextInput.react.js

@@ -11,15 +11,10 @@ import styles from 'components/TextInput/TextInput.scss';
 import { withForwardedRef } from 'lib/withForwardedRef';
 
 class TextInput extends React.Component {
-  componentWillReceiveProps(props) {
+  componentDidUpdate(props) {
     if (props.multiline !== this.props.multiline) {
       const node = props.forwardedRef.current;
-      // wait a little while for component to re-render
-      setTimeout(function() {
-        node.focus();
-        node.value = '';
-        node.value = props.value;
-      }.bind(this), 1);
+      node.focus();
     }
   }
 

src/lib/withForwardedRef.js

@@ -2,7 +2,9 @@ import React from 'react';
 
 export function withForwardedRef(Component) {
   function render(props, ref) {
-    return <Component {...props} forwardedRef={ref} />;
+    const innerRef = React.useRef();
+    React.useImperativeHandle(ref, () => innerRef.current, [props.multiline]);
+    return <Component {...props} forwardedRef={innerRef} />;
   }
 
   const name = Component.displayName || Component.name;