title: TSLINT Error: Property 'Component' does not exist on type 'typeof React'
body: <p>I downloaded the [react-native-redux-typescript-boilerplate]: <a href="https://reactnativeseed.com/" rel="nofollow noreferrer">https://reactnativeseed.com/</a> . The project runs smoothly in an android emulator. However, there are loads of tslint errors especially in the JSX syntax (i.e., .tsx files). One major one is <code>https://reactnativeseed.com/</code></p>
  
  <p>I use webstrom as my code editor, and I crossed checked the version of typescript being used by webstrom and the project. There are the same.</p>
  
  <p>These are the versions:
  1. Typescript - 2.6.2
  2. react-native - 0.59.6
  3. react - 16.2.0
  4. react-redux - 5.0.6
  5. @types/react - "^16.8.14"
  6. @types/react-native - "^0.47.7"</p>
  
  <p>Is there anything else I need to check for?</p>
  
  <p>I have also installed ["tslint-fix": "^0.1.3"]: <a href="https://www.npmjs.com/package/tslint-fix" rel="nofollow noreferrer">https://www.npmjs.com/package/tslint-fix</a> </p>
  
  <p>ex: <em>index.tsx</em></p>
  
  <pre><code>import * as React from "react";
  import { Item, Input, Icon, Form, Toast } from "native-base";
  import { Field, reduxForm } from "redux-form";
  import Login from "../../stories/screens/Login";
  
  const required = value =&gt; (value ? undefined : "Required");
  const maxLength = max =&gt; value =&gt; (value &amp;&amp; value.length &gt; max ? `Must be ${max} characters or less` : undefined);
  const maxLength15 = maxLength(15);
  const minLength = min =&gt; value =&gt; (value &amp;&amp; value.length &lt; min ? `Must be ${min} characters or more` : undefined);
  const minLength8 = minLength(8);
  const email = value =&gt;
      value &amp;&amp; !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(value) ? "Invalid email address" : undefined;
  const alphaNumeric = value =&gt; (value &amp;&amp; /[^a-zA-Z0-9 ]/i.test(value) ? "Only alphanumeric characters" : undefined);
  
  export interface Props {
      navigation: any;
      valid: boolean;
  }
  export interface State {}
  class LoginForm extends React.Component&lt;Props, State&gt; {
      textInput: any;
  
      renderInput({ input, meta: { touched, error } }) {
          return (
              &lt;Item error={error &amp;&amp; touched}&gt;
                  &lt;Icon active name={input.name === "email" ? "person" : "unlock"} /&gt;
                  &lt;Input
                      ref={c =&gt; (this.textInput = c)}
                      placeholder={input.name === "email" ? "Email" : "Password"}
                      secureTextEntry={input.name === "password" ? true : false}
                      {...input}
                  /&gt;
              &lt;/Item&gt;
          );
      }
  
      login() {
          if (this.props.valid) {
              this.props.navigation.navigate("Drawer");
          } else {
              Toast.show({
                  text: "Enter Valid Username &amp; password!",
                  duration: 2000,
                  position: "top",
                  textStyle: { textAlign: "center" },
              });
          }
      }
  
      render() {
          const form = (
              &lt;Form&gt;
                  &lt;Field name="email" component={this.renderInput} validate={[email, required]} /&gt;
                  &lt;Field
                      name="password"
                      component={this.renderInput}
                      validate={[alphaNumeric, minLength8, maxLength15, required]}
                  /&gt;
              &lt;/Form&gt;
          );
          return &lt;Login loginForm={form} onLogin={() =&gt; this.login()} /&gt;;
      }
  }
  const LoginContainer = reduxForm({
      form: "login",
  })(LoginForm);
  export default LoginContainer;
  </code></pre>
  
  <p>in the above file in the render() a lot of errors are shown.
  some of it are:
  1. Property 'Component' does not exist on type 'typeof React'.
  2. JSX element type 'Item' is not a constructor function for JSX elements.
   Property 'render' is missing in type 'Item'.
  and many more similar one.</p>