Fix lint and typings

components/password_reset_form/password_reset_form.js

@@ -3,7 +3,6 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import ReactDOM from 'react-dom';
 import {FormattedMessage} from 'react-intl';
 
 import {browserHistory} from 'utils/browser_history';

tests/helpers/intl-test-helper.tsx

@@ -2,7 +2,7 @@
 // See LICENSE.txt for license information.
 
 import PropTypes from 'prop-types';
-import React, {ReactElement}  from 'react';
+import React, {ReactElement, ExoticComponent, ForwardRefExoticComponent} from 'react';
 import {createIntl, IntlProvider, IntlShape, injectIntl} from 'react-intl';
 import {mount, shallow, ShallowRendererProps, MountRendererProps} from 'enzyme';
 
@@ -17,14 +17,20 @@ const defaultIntl = createIntl({
 });
 
 function unwrapForwardRef<WrappedComponentElement extends ReactElement>(element: ReactElement): WrappedComponentElement {
-    const {type, props} = element;
-    if (typeof type === 'object' && type['$$typeof'] && type['$$typeof'] === Symbol.for('react.forward_ref')) {
-        return React.cloneElement<{}>((type as any).render(), props) as WrappedComponentElement;
+    const {type, props} = element as ReactElement<any, ExoticComponent>;
+    if (type.$$typeof && type.$$typeof === Symbol.for('react.forward_ref')) {
+        type ForwardRefComponent = ForwardRefExoticComponent<any> & {
+            render: () => ReactElement;
+        };
+        return React.cloneElement(
+            (type as ForwardRefComponent).render(),
+            props,
+        ) as WrappedComponentElement;
     }
     return element as WrappedComponentElement;
 }
 
-export type IntlInjectedElement = ReactElement<any, ReturnType<typeof injectIntl>>;
+type IntlInjectedElement = ReactElement<any, ReturnType<typeof injectIntl>>;
 export function isIntlInjectedElement(element: ReactElement): element is IntlInjectedElement {
     const {type} = element;
     if (typeof type === 'function' && type.name === 'WithIntl') {
@@ -40,6 +46,7 @@ interface ShallowWithIntlOptions extends ShallowRendererProps {
 export function shallowWithIntl<T extends IntlInjectedElement>(element: T, options?: ShallowWithIntlOptions) {
     const {intl = defaultIntl, ...shallowOptions} = options || {};
 
+    // eslint-disable-next-line no-param-reassign
     element = unwrapForwardRef<T>(element);
     if (!isIntlInjectedElement(element)) {
         throw new Error('shallowWithIntl() allows only components wrapped by injectIntl() HOC. Use shallow() instead.');
@@ -48,7 +55,10 @@ export function shallowWithIntl<T extends IntlInjectedElement>(element: T, optio
     return shallow(
 
         // Unwrap injectIntl
-        <element.type.WrappedComponent intl={intl} {...element.props} />,
+        <element.type.WrappedComponent
+            intl={intl}
+            {...element.props}
+        />,
 
         // Override options
         shallowOptions,
@@ -61,11 +71,15 @@ interface MountWithIntlOptions extends MountRendererProps {
 export function mountWithIntl<T extends ReactElement | IntlInjectedElement>(element: T, options?: MountWithIntlOptions) {
     const {intl = defaultIntl, ...mountOptions} = options || {};
 
+    // eslint-disable-next-line no-param-reassign
     element = unwrapForwardRef<T>(element);
 
     // Unwrap injectIntl
     const newElement = isIntlInjectedElement(element) ? (
-        <element.type.WrappedComponent intl={intl} {...element.props} />
+        <element.type.WrappedComponent
+            intl={intl}
+            {...element.props}
+        />
     ) : element;
 
     return mount(
@@ -74,7 +88,7 @@ export function mountWithIntl<T extends ReactElement | IntlInjectedElement>(elem
         // For useIntl, <Formatted.../>
         {
             wrappingComponent: IntlProvider,
-            wrappingComponentProps: { ...intl },
+            wrappingComponentProps: {...intl},
 
             // For legacy
             context: {