[core] fix(InputGroup): prevent infinite setState in componentDidUpdate (#3813)

Author: adidahiya

packages/core/src/components/forms/inputGroup.tsx

@@ -129,11 +129,13 @@ export class InputGroup extends AbstractPureComponent2<IInputGroupProps & HTMLIn
     }
 
     public componentDidMount() {
-        this.updateInputWidth();
-    }
-
-    public componentDidUpdate() {
-        this.updateInputWidth();
+        if (this.rightElement != null) {
+            const { clientWidth } = this.rightElement;
+            // small threshold to prevent infinite loops
+            if (Math.abs(clientWidth - this.state.rightElementWidth) > 2) {
+                this.setState({ rightElementWidth: clientWidth });
+            }
+        }
     }
 
     private maybeRenderRightElement() {
@@ -147,16 +149,4 @@ export class InputGroup extends AbstractPureComponent2<IInputGroupProps & HTMLIn
             </span>
         );
     }
-
-    private updateInputWidth() {
-        if (this.rightElement != null) {
-            const { clientWidth } = this.rightElement;
-            // small threshold to prevent infinite loops
-            if (Math.abs(clientWidth - this.state.rightElementWidth) > 2) {
-                this.setState({ rightElementWidth: clientWidth });
-            }
-        } else {
-            this.setState({ rightElementWidth: DEFAULT_RIGHT_ELEMENT_WIDTH });
-        }
-    }
 }