TypeScript JSX Fragment removes React import

[jtmthf]

Bug Report

Current Behavior
Currently whenever I'm using "@babel/preset-typescript" with JSX fragments and no other JSX, the React import is removed from the compiled output. This only happens with JSX fragments. If you use React.Fragment instead, the compiled output is correct. Also worth noting that any other non-fragment jsx in the source will cause the React import to be maintained.

Input Code

import React, { SFC } from "react";

export const BreadcrumbItem: SFC = ({ children }) => <>{children}</>;

Expected code

import React from "react";
export var BreadcrumbItem = function BreadcrumbItem(_ref) {
  var children = _ref.children;
  return React.createElement(React.Fragment, null, children);
};

Actual code

export var BreadcrumbItem = function BreadcrumbItem(_ref) {
  var children = _ref.children;
  return React.createElement(React.Fragment, null, children);
};

Babel Configuration (.babelrc, package.json, cli command)

{
  "presets": [
    "@babel/preset-typescript",
    "@babel/preset-react",
    [
      "@babel/preset-env",
      {
        "modules": false,
        "targets": {
          "browsers": "ie 11"
        },
        "useBuiltIns": "entry"
      }
    ]
  ],
  "plugins": [
    ["emotion", { "sourceMap": true, "autoLabel": true }],
    "@babel/proposal-class-properties",
    "@babel/proposal-object-rest-spread"
  ]
}

Environment

• Babel version(s): v^7.0.0-beta.47
• Node/npm version: v8.9.4
• OS: Windows 10
• Monorepo no
• How you are using Babel: cli & loader

Additional context/Screenshots

I have determined this issue to only happen when when "@babel/preset-typescript" is included. Removing any number of other plugins and presets does not fix issue. Additionally I've tried the following variations of the source and they all had the same incorrect output.

import React from "react";
import { SFC } from "react";

export const BreadcrumbItem: SFC = ({ children }) => <>{children}</>;

import * as React from "react";
import { SFC } from "react";

export const BreadcrumbItem: SFC = ({ children }) => <>{children}</>;

import React from "react";

export const BreadcrumbItem = ({ children }) => <>{children}</>;

[babel-bot]

Hey @jtmthf! We really appreciate you taking the time to report an issue. The collaborators
on this project attempt to help as many people as possible, but we're a limited number of volunteers,
so it's possible this won't be addressed swiftly.

If you need any help, or just have general Babel or JavaScript questions, we have a vibrant Slack
community that typically always has someone willing to help. You can sign-up here
for an invite.

[strothj]

I can confirm, though fortunately this situation is pretty rare.

[malbernaz]

#7990 solves this issue. Hopefully

[jtmthf]

I'm afraid #7990 isn't fixing the issue at least according to what I can see in the REPL. Here is my link

[malbernaz]

Humm... It seems to be related to the fact that plugin-transform-typescript checks for type JSXElement but not to JSXFragment.