fix eslint

.eslintrc.js

     'typescript/no-namespace': 'error',
     'typescript/no-non-null-assertion': 'error',
     'typescript/no-triple-slash-reference': 'error',
-    'typescript/no-type-alias': 'error',
     'typescript/prefer-namespace-keyword': 'error',
     'typescript/type-annotation-spacing': 'error',
 

src/WebView.android.tsx

 
   onLoadingStart = (event: WebViewNavigationEvent): void => {
     const { onLoadStart } = this.props;
-    onLoadStart && onLoadStart(event);
+    if (onLoadStart) {
+      onLoadStart(event);
+    }
     this.updateNavigationState(event);
   };
 
   onLoadingError = (event: WebViewErrorEvent): void => {
     event.persist(); // persist this event because we need to store it
     const { onError, onLoadEnd } = this.props;
-    onError && onError(event);
-    onLoadEnd && onLoadEnd(event);
+    if (onError) {
+      onError(event);
+    }
+    if (onLoadEnd) {
+      onLoadEnd(event);
+    }
     console.warn('Encountered an error loading page', event.nativeEvent);
 
     this.setState({
 
   onLoadingFinish = (event: WebViewNavigationEvent): void => {
     const { onLoad, onLoadEnd } = this.props;
-    onLoad && onLoad(event);
-    onLoadEnd && onLoadEnd(event);
+    if (onLoad) {
+      onLoad(event);
+    }
+    if (onLoadEnd) {
+      onLoadEnd(event);
+    }
     this.setState({
       viewState: WebViewState.IDLE,
     });
 
   onMessage = (event: WebViewMessageEvent): void => {
     const { onMessage } = this.props;
-    onMessage && onMessage(event);
+    if (onMessage) {
+      onMessage(event);
+    }
   };
 
   onLoadingProgress = (
     event: NativeSyntheticEvent<WebViewProgressEvent>,
   ): void => {
     const { onLoadProgress } = this.props;
-    onLoadProgress && onLoadProgress(event);
+    if (onLoadProgress) {
+      onLoadProgress(event);
+    }
   };
 
   render(): React.ReactNode {

src/WebView.ios.tsx

 
 const BGWASH = 'rgba(255,255,255,0.8)';
 
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  errorContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: BGWASH,
+  },
+  errorText: {
+    fontSize: 14,
+    textAlign: 'center',
+    marginBottom: 2,
+  },
+  errorTextTitle: {
+    fontSize: 15,
+    fontWeight: '500',
+    marginBottom: 10,
+  },
+  hidden: {
+    height: 0,
+    flex: 0, // disable 'flex:1' when hiding a View
+  },
+  loadingView: {
+    backgroundColor: BGWASH,
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    height: 100,
+  },
+  webView: {
+    backgroundColor: '#ffffff',
+  },
+});
+
 enum WebViewState {
   IDLE = 'IDLE',
   LOADING = 'LOADING',
 
   webViewRef = React.createRef<React.ComponentClass>();
 
-  UNSAFE_componentWillMount() {
+  // eslint-disable-next-line camelcase, react/sort-comp
+  UNSAFE_componentWillMount(): void {
     if (
       this.props.useWebKit === true
       && this.props.scalesPageToFit !== undefined
     }
   }
 
-  _getCommands(): {
-    goForward: () => void;
-    goBack: () => void;
-    reload: () => void;
-    stopLoading: () => void;
-    postMessage: () => void;
-    injectJavaScript: () => void;
-  } {
-    if (!this.props.useWebKit) {
-      return UIManager.RNCUIWebView.Commands;
+  componentDidUpdate(prevProps: WebViewSharedProps): void {
+    if (!(prevProps.useWebKit && this.props.useWebKit)) {
+      return;
     }
 
-    return UIManager.RNCWKWebView.Commands;
+    this._showRedboxOnPropChanges(prevProps, 'allowsInlineMediaPlayback');
+    this._showRedboxOnPropChanges(prevProps, 'mediaPlaybackRequiresUserAction');
+    this._showRedboxOnPropChanges(prevProps, 'dataDetectorTypes');
+
+    if (this.props.scalesPageToFit !== undefined) {
+      console.warn(
+        'The scalesPageToFit property is not supported when useWebKit = true',
+      );
+    }
   }
 
   /**
     );
   };
 
+  _getCommands(): {
+    goForward: () => void;
+    goBack: () => void;
+    reload: () => void;
+    stopLoading: () => void;
+    postMessage: () => void;
+    injectJavaScript: () => void;
+  } {
+    if (!this.props.useWebKit) {
+      return UIManager.RNCUIWebView.Commands;
+    }
+
+    return UIManager.RNCWKWebView.Commands;
+  }
+
   /**
    * Go back one page in the web view's history.
    */
     findNodeHandle(this.webViewRef.current);
 
   _onLoadingStart = (event: WebViewNavigationEvent): void => {
-    const onLoadStart = this.props.onLoadStart;
-    onLoadStart && onLoadStart(event);
+    const { onLoadStart } = this.props;
+    if (onLoadStart) {
+      onLoadStart(event);
+    }
     this._updateNavigationState(event);
   };
 
   _onLoadingError = (event: WebViewErrorEvent): void => {
     event.persist(); // persist this event because we need to store it
     const { onError, onLoadEnd } = this.props;
-    onError && onError(event);
-    onLoadEnd && onLoadEnd(event);
+    if (onError) {
+      onError(event);
+    }
+    if (onLoadEnd) {
+      onLoadEnd(event);
+    }
     console.warn('Encountered an error loading page', event.nativeEvent);
 
     this.setState({
 
   _onLoadingFinish = (event: WebViewNavigationEvent): void => {
     const { onLoad, onLoadEnd } = this.props;
-    onLoad && onLoad(event);
-    onLoadEnd && onLoadEnd(event);
+    if (onLoad) {
+      onLoad(event);
+    }
+    if (onLoadEnd) {
+      onLoadEnd(event);
+    }
     this.setState({
       viewState: WebViewState.IDLE,
     });
 
   _onMessage = (event: WebViewMessageEvent): void => {
     const { onMessage } = this.props;
-    onMessage && onMessage(event);
+    if (onMessage) {
+      onMessage(event);
+    }
   };
 
   _onLoadingProgress = (
     event: NativeSyntheticEvent<WebViewProgressEvent>,
   ): void => {
     const { onLoadProgress } = this.props;
-    onLoadProgress && onLoadProgress(event);
-  };
-
-  componentDidUpdate(prevProps: WebViewSharedProps): void {
-    if (!(prevProps.useWebKit && this.props.useWebKit)) {
-      return;
-    }
-
-    this._showRedboxOnPropChanges(prevProps, 'allowsInlineMediaPlayback');
-    this._showRedboxOnPropChanges(prevProps, 'mediaPlaybackRequiresUserAction');
-    this._showRedboxOnPropChanges(prevProps, 'dataDetectorTypes');
-
-    if (this.props.scalesPageToFit !== undefined) {
-      console.warn(
-        'The scalesPageToFit property is not supported when useWebKit = true',
-      );
+    if (onLoadProgress) {
+      onLoadProgress(event);
     }
-  }
+  };
 
   _showRedboxOnPropChanges(
     prevProps: WebViewSharedProps,
 
 const RNCUIWebView = requireNativeComponent('RNCUIWebView');
 const RNCWKWebView = requireNativeComponent('RNCWKWebView');
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-  },
-  errorContainer: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: BGWASH,
-  },
-  errorText: {
-    fontSize: 14,
-    textAlign: 'center',
-    marginBottom: 2,
-  },
-  errorTextTitle: {
-    fontSize: 15,
-    fontWeight: '500',
-    marginBottom: 10,
-  },
-  hidden: {
-    height: 0,
-    flex: 0, // disable 'flex:1' when hiding a View
-  },
-  loadingView: {
-    backgroundColor: BGWASH,
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    height: 100,
-  },
-  webView: {
-    backgroundColor: '#ffffff',
-  },
-});