diff --git a/tests/baselines/reference/tsxFragmentChildrenCheck.js b/tests/baselines/reference/tsxFragmentChildrenCheck.js
new file mode 100644
index 00000000000..bca4527cffe
--- /dev/null
+++ b/tests/baselines/reference/tsxFragmentChildrenCheck.js
@@ -0,0 +1,68 @@
+//// [tests/cases/compiler/tsxFragmentChildrenCheck.ts] ////
+
+//// [my-component.tsx]
+declare var React: any;
+
+export function MyComponent(props: any) {
+    return <span>my component</span>;
+}
+
+//// [file1.tsx]
+import * as React from 'react'
+import { MyComponent } from './my-component'
+
+const MY_STRING: string = 'Ceci n\'est pas une string.'
+const MY_CLASSNAME: string = 'jeclass'
+
+class RenderString extends React.PureComponent<any, any> {
+  render() {
+    return (
+      <>
+        <MyComponent />
+        <span>{ MY_STRING }</span>
+        <span className={ MY_CLASSNAME } />
+      </>
+    )
+  }
+}
+
+export default RenderString
+
+//// [my-component.js]
+"use strict";
+exports.__esModule = true;
+function MyComponent(props) {
+    return React.createElement("span", null, "my component");
+}
+exports.MyComponent = MyComponent;
+//// [file1.js]
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+exports.__esModule = true;
+var React = require("react");
+var my_component_1 = require("./my-component");
+var MY_STRING = 'Ceci n\'est pas une string.';
+var MY_CLASSNAME = 'jeclass';
+var RenderString = /** @class */ (function (_super) {
+    __extends(RenderString, _super);
+    function RenderString() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RenderString.prototype.render = function () {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(my_component_1.MyComponent, null),
+            React.createElement("span", null, MY_STRING),
+            React.createElement("span", { className: MY_CLASSNAME })));
+    };
+    return RenderString;
+}(React.PureComponent));
+exports["default"] = RenderString;
diff --git a/tests/baselines/reference/tsxFragmentChildrenCheck.symbols b/tests/baselines/reference/tsxFragmentChildrenCheck.symbols
new file mode 100644
index 00000000000..cb00046a233
--- /dev/null
+++ b/tests/baselines/reference/tsxFragmentChildrenCheck.symbols
@@ -0,0 +1,58 @@
+=== tests/cases/compiler/my-component.tsx ===
+declare var React: any;
+>React : Symbol(React, Decl(my-component.tsx, 0, 11))
+
+export function MyComponent(props: any) {
+>MyComponent : Symbol(MyComponent, Decl(my-component.tsx, 0, 23))
+>props : Symbol(props, Decl(my-component.tsx, 2, 28))
+
+    return <span>my component</span>;
+>span : Symbol(JSX.IntrinsicElements.span, Decl(react.d.ts, 2461, 51))
+>span : Symbol(JSX.IntrinsicElements.span, Decl(react.d.ts, 2461, 51))
+}
+
+=== tests/cases/compiler/file1.tsx ===
+import * as React from 'react'
+>React : Symbol(React, Decl(file1.tsx, 0, 6))
+
+import { MyComponent } from './my-component'
+>MyComponent : Symbol(MyComponent, Decl(file1.tsx, 1, 8))
+
+const MY_STRING: string = 'Ceci n\'est pas une string.'
+>MY_STRING : Symbol(MY_STRING, Decl(file1.tsx, 3, 5))
+
+const MY_CLASSNAME: string = 'jeclass'
+>MY_CLASSNAME : Symbol(MY_CLASSNAME, Decl(file1.tsx, 4, 5))
+
+class RenderString extends React.PureComponent<any, any> {
+>RenderString : Symbol(RenderString, Decl(file1.tsx, 4, 38))
+>React.PureComponent : Symbol(React.PureComponent, Decl(react.d.ts, 180, 5))
+>React : Symbol(React, Decl(file1.tsx, 0, 6))
+>PureComponent : Symbol(React.PureComponent, Decl(react.d.ts, 180, 5))
+
+  render() {
+>render : Symbol(RenderString.render, Decl(file1.tsx, 6, 58))
+
+    return (
+      <>
+        <MyComponent />
+>MyComponent : Symbol(MyComponent, Decl(file1.tsx, 1, 8))
+
+        <span>{ MY_STRING }</span>
+>span : Symbol(JSX.IntrinsicElements.span, Decl(react.d.ts, 2461, 51))
+>MY_STRING : Symbol(MY_STRING, Decl(file1.tsx, 3, 5))
+>span : Symbol(JSX.IntrinsicElements.span, Decl(react.d.ts, 2461, 51))
+
+        <span className={ MY_CLASSNAME } />
+>span : Symbol(JSX.IntrinsicElements.span, Decl(react.d.ts, 2461, 51))
+>className : Symbol(className, Decl(file1.tsx, 12, 13))
+>MY_CLASSNAME : Symbol(MY_CLASSNAME, Decl(file1.tsx, 4, 5))
+
+      </>
+    )
+  }
+}
+
+export default RenderString
+>RenderString : Symbol(RenderString, Decl(file1.tsx, 4, 38))
+
diff --git a/tests/baselines/reference/tsxFragmentChildrenCheck.types b/tests/baselines/reference/tsxFragmentChildrenCheck.types
new file mode 100644
index 00000000000..c746b4012fb
--- /dev/null
+++ b/tests/baselines/reference/tsxFragmentChildrenCheck.types
@@ -0,0 +1,68 @@
+=== tests/cases/compiler/my-component.tsx ===
+declare var React: any;
+>React : any
+
+export function MyComponent(props: any) {
+>MyComponent : (props: any) => JSX.Element
+>props : any
+
+    return <span>my component</span>;
+><span>my component</span> : JSX.Element
+>span : any
+>span : any
+}
+
+=== tests/cases/compiler/file1.tsx ===
+import * as React from 'react'
+>React : typeof React
+
+import { MyComponent } from './my-component'
+>MyComponent : (props: any) => JSX.Element
+
+const MY_STRING: string = 'Ceci n\'est pas une string.'
+>MY_STRING : string
+>'Ceci n\'est pas une string.' : "Ceci n'est pas une string."
+
+const MY_CLASSNAME: string = 'jeclass'
+>MY_CLASSNAME : string
+>'jeclass' : "jeclass"
+
+class RenderString extends React.PureComponent<any, any> {
+>RenderString : RenderString
+>React.PureComponent : React.PureComponent<any, any>
+>React : typeof React
+>PureComponent : typeof React.PureComponent
+
+  render() {
+>render : () => JSX.Element
+
+    return (
+>(      <>        <MyComponent />        <span>{ MY_STRING }</span>        <span className={ MY_CLASSNAME } />      </>    ) : JSX.Element
+
+      <>
+><>        <MyComponent />        <span>{ MY_STRING }</span>        <span className={ MY_CLASSNAME } />      </> : JSX.Element
+
+        <MyComponent />
+><MyComponent /> : JSX.Element
+>MyComponent : (props: any) => JSX.Element
+
+        <span>{ MY_STRING }</span>
+><span>{ MY_STRING }</span> : JSX.Element
+>span : any
+>MY_STRING : string
+>span : any
+
+        <span className={ MY_CLASSNAME } />
+><span className={ MY_CLASSNAME } /> : JSX.Element
+>span : any
+>className : string
+>MY_CLASSNAME : string
+
+      </>
+    )
+  }
+}
+
+export default RenderString
+>RenderString : RenderString
+
diff --git a/tests/cases/compiler/tsxFragmentChildrenCheck.ts b/tests/cases/compiler/tsxFragmentChildrenCheck.ts
new file mode 100644
index 00000000000..f49835404b4
--- /dev/null
+++ b/tests/cases/compiler/tsxFragmentChildrenCheck.ts
@@ -0,0 +1,34 @@
+// @jsx: react
+// @noUnusedLocals: true
+// @noLib: true
+// @skipLibCheck: true
+// @libFiles: react.d.ts,lib.d.ts
+
+// @Filename: my-component.tsx
+declare var React: any;
+
+export function MyComponent(props: any) {
+    return <span>my component</span>;
+}
+
+// @Filename: file1.tsx
+
+import * as React from 'react'
+import { MyComponent } from './my-component'
+
+const MY_STRING: string = 'Ceci n\'est pas une string.'
+const MY_CLASSNAME: string = 'jeclass'
+
+class RenderString extends React.PureComponent<any, any> {
+  render() {
+    return (
+      <>
+        <MyComponent />
+        <span>{ MY_STRING }</span>
+        <span className={ MY_CLASSNAME } />
+      </>
+    )
+  }
+}
+
+export default RenderString
\ No newline at end of file