title: Use React Fragment with TypeScript on a React-Native project
body: <p>I just upgraded React to 16.2.0 on my React-Native project to use the new Fragment syntax.</p>
  
  <p>I have a component which returns something like this now:</p>
  
  <pre><code>return (
    &lt;&gt;
      &lt;View&gt;...&lt;/View&gt;
      &lt;View&gt;...&lt;/View&gt;
    &lt;/&gt;
  );
  </code></pre>
  
  <p>TypeScript doesn't complain about the syntax which is great, however I get an error when I try to run this code:</p>
  
  <pre><code>Bundling `index.js`  [development, non-minified]  45.8% (1078/1593), failed.
  error: bundling failed: SyntaxError in /Users/alexmngn/Workspace/MyProject/MyComponent.tsx: /Users/alexmngn/Workspace/MyProject/MyComponent.tsx: Unexpected token (68:17)
  &gt; 68 |         return (&lt;&gt;
       |                  ^
  </code></pre>
  
  <p>It doesn't seem to compile the fragment syntax back to ES5.</p>
  
  <p>And when I try to use <code>React.Fragment</code> instead I get a TypeScript error:</p>
  
  <pre><code>/Users/alexmngn/Workspace/MyProject/MyComponent.tsx(1,28): error TS2305: 
  Module '"/Users/alexmngn/Workspace/MyProject/node_modules/@types/react/index"' 
  has no exported member 'Fragment'.
  </code></pre>
  
  <p>And the app doesn't run and throw an error as well <code>Invariant Violation</code></p>
  
  <p>I use the latest stable versions of all packages:</p>
  
  <ul>
  <li>React: 16.2.0</li>
  <li>React-Native: 0.51.0</li>
  <li>TypeScript: 2.6.2</li>
  <li>@types/react: 16.0.31</li>
  <li>@types/react-native: 0.51.4</li>
  </ul>
  
  <p>Is there anything specific I need to do to make it working with React-Native? To compile to ES5? Or even to be able to use React.Fragment without Typescript complaining? Seems like there is a type <code>ReactFragment</code> in the definition of the types but still get this error.</p>
  
  <p>Thanks</p>