diff --git a/src/compiler/checker.ts b/src/compiler/checker.ts
index 31745ce3443..369d61ce484 100644
--- a/src/compiler/checker.ts
+++ b/src/compiler/checker.ts
@@ -11079,14 +11079,20 @@ namespace ts {
         function checkJsxOpeningLikeElement(node: JsxOpeningLikeElement) {
             checkGrammarJsxElement(node);
             checkJsxPreconditions(node);
-
             // The reactNamespace symbol should be marked as 'used' so we don't incorrectly elide its import. And if there
             // is no reactNamespace symbol in scope when targeting React emit, we should issue an error.
             const reactRefErr = compilerOptions.jsx === JsxEmit.React ? Diagnostics.Cannot_find_name_0 : undefined;
             const reactNamespace = compilerOptions.reactNamespace ? compilerOptions.reactNamespace : "React";
             const reactSym = resolveName(node.tagName, reactNamespace, SymbolFlags.Value, reactRefErr, reactNamespace);
             if (reactSym) {
-                getSymbolLinks(reactSym).referenced = true;
+                // Mark local symbol as referenced here because it might not have been marked
+                // if jsx emit was not react as there wont be error being emitted
+                reactSym.isReferenced = true;
+
+                // If react symbol is alias, mark it as refereced
+                if (reactSym.flags & SymbolFlags.Alias && !isConstEnumOrConstEnumOnlyModule(resolveAlias(reactSym))) {
+                    markAliasSymbolAsReferenced(reactSym);
+                }
             }
 
             const targetAttributesType = getJsxElementAttributesType(node);
diff --git a/tests/baselines/reference/unusedImports13.js b/tests/baselines/reference/unusedImports13.js
new file mode 100644
index 00000000000..01e91abc14b
--- /dev/null
+++ b/tests/baselines/reference/unusedImports13.js
@@ -0,0 +1,27 @@
+//// [tests/cases/compiler/unusedImports13.ts] ////
+
+//// [foo.tsx]
+
+import React = require("react");
+
+export const FooComponent = <div></div>
+
+//// [index.d.ts]
+export = React;
+export as namespace React;
+
+declare namespace React {
+    function createClass<P, S>(spec);
+}
+declare global {
+    namespace JSX {
+    }
+}
+
+
+
+
+//// [foo.jsx]
+"use strict";
+var React = require("react");
+exports.FooComponent = <div></div>;
diff --git a/tests/baselines/reference/unusedImports13.symbols b/tests/baselines/reference/unusedImports13.symbols
new file mode 100644
index 00000000000..3ac44d17533
--- /dev/null
+++ b/tests/baselines/reference/unusedImports13.symbols
@@ -0,0 +1,36 @@
+=== tests/cases/compiler/foo.tsx ===
+
+import React = require("react");
+>React : Symbol(React, Decl(foo.tsx, 0, 0))
+
+export const FooComponent = <div></div>
+>FooComponent : Symbol(FooComponent, Decl(foo.tsx, 3, 12))
+>div : Symbol(unknown)
+>div : Symbol(unknown)
+
+=== tests/cases/compiler/node_modules/@types/react/index.d.ts ===
+export = React;
+>React : Symbol(React, Decl(index.d.ts, 1, 26))
+
+export as namespace React;
+>React : Symbol(React, Decl(index.d.ts, 0, 15))
+
+declare namespace React {
+>React : Symbol(React, Decl(index.d.ts, 1, 26))
+
+    function createClass<P, S>(spec);
+>createClass : Symbol(createClass, Decl(index.d.ts, 3, 25))
+>P : Symbol(P, Decl(index.d.ts, 4, 25))
+>S : Symbol(S, Decl(index.d.ts, 4, 27))
+>spec : Symbol(spec, Decl(index.d.ts, 4, 31))
+}
+declare global {
+>global : Symbol(global, Decl(index.d.ts, 5, 1))
+
+    namespace JSX {
+>JSX : Symbol(JSX, Decl(index.d.ts, 6, 16))
+    }
+}
+
+
+
diff --git a/tests/baselines/reference/unusedImports13.types b/tests/baselines/reference/unusedImports13.types
new file mode 100644
index 00000000000..b19531b3e2d
--- /dev/null
+++ b/tests/baselines/reference/unusedImports13.types
@@ -0,0 +1,37 @@
+=== tests/cases/compiler/foo.tsx ===
+
+import React = require("react");
+>React : typeof React
+
+export const FooComponent = <div></div>
+>FooComponent : any
+><div></div> : any
+>div : any
+>div : any
+
+=== tests/cases/compiler/node_modules/@types/react/index.d.ts ===
+export = React;
+>React : typeof React
+
+export as namespace React;
+>React : typeof React
+
+declare namespace React {
+>React : typeof React
+
+    function createClass<P, S>(spec);
+>createClass : <P, S>(spec: any) => any
+>P : P
+>S : S
+>spec : any
+}
+declare global {
+>global : any
+
+    namespace JSX {
+>JSX : any
+    }
+}
+
+
+
diff --git a/tests/baselines/reference/unusedImports14.js b/tests/baselines/reference/unusedImports14.js
new file mode 100644
index 00000000000..f3c51590e49
--- /dev/null
+++ b/tests/baselines/reference/unusedImports14.js
@@ -0,0 +1,27 @@
+//// [tests/cases/compiler/unusedImports14.ts] ////
+
+//// [foo.tsx]
+
+import React = require("react");
+
+export const FooComponent = <div></div>
+
+//// [index.d.ts]
+export = React;
+export as namespace React;
+
+declare namespace React {
+    function createClass<P, S>(spec);
+}
+declare global {
+    namespace JSX {
+    }
+}
+
+
+
+
+//// [foo.js]
+"use strict";
+var React = require("react");
+exports.FooComponent = React.createElement("div", null);
diff --git a/tests/baselines/reference/unusedImports14.symbols b/tests/baselines/reference/unusedImports14.symbols
new file mode 100644
index 00000000000..3ac44d17533
--- /dev/null
+++ b/tests/baselines/reference/unusedImports14.symbols
@@ -0,0 +1,36 @@
+=== tests/cases/compiler/foo.tsx ===
+
+import React = require("react");
+>React : Symbol(React, Decl(foo.tsx, 0, 0))
+
+export const FooComponent = <div></div>
+>FooComponent : Symbol(FooComponent, Decl(foo.tsx, 3, 12))
+>div : Symbol(unknown)
+>div : Symbol(unknown)
+
+=== tests/cases/compiler/node_modules/@types/react/index.d.ts ===
+export = React;
+>React : Symbol(React, Decl(index.d.ts, 1, 26))
+
+export as namespace React;
+>React : Symbol(React, Decl(index.d.ts, 0, 15))
+
+declare namespace React {
+>React : Symbol(React, Decl(index.d.ts, 1, 26))
+
+    function createClass<P, S>(spec);
+>createClass : Symbol(createClass, Decl(index.d.ts, 3, 25))
+>P : Symbol(P, Decl(index.d.ts, 4, 25))
+>S : Symbol(S, Decl(index.d.ts, 4, 27))
+>spec : Symbol(spec, Decl(index.d.ts, 4, 31))
+}
+declare global {
+>global : Symbol(global, Decl(index.d.ts, 5, 1))
+
+    namespace JSX {
+>JSX : Symbol(JSX, Decl(index.d.ts, 6, 16))
+    }
+}
+
+
+
diff --git a/tests/baselines/reference/unusedImports14.types b/tests/baselines/reference/unusedImports14.types
new file mode 100644
index 00000000000..b19531b3e2d
--- /dev/null
+++ b/tests/baselines/reference/unusedImports14.types
@@ -0,0 +1,37 @@
+=== tests/cases/compiler/foo.tsx ===
+
+import React = require("react");
+>React : typeof React
+
+export const FooComponent = <div></div>
+>FooComponent : any
+><div></div> : any
+>div : any
+>div : any
+
+=== tests/cases/compiler/node_modules/@types/react/index.d.ts ===
+export = React;
+>React : typeof React
+
+export as namespace React;
+>React : typeof React
+
+declare namespace React {
+>React : typeof React
+
+    function createClass<P, S>(spec);
+>createClass : <P, S>(spec: any) => any
+>P : P
+>S : S
+>spec : any
+}
+declare global {
+>global : any
+
+    namespace JSX {
+>JSX : any
+    }
+}
+
+
+
diff --git a/tests/baselines/reference/unusedImports15.js b/tests/baselines/reference/unusedImports15.js
new file mode 100644
index 00000000000..01be756e0e5
--- /dev/null
+++ b/tests/baselines/reference/unusedImports15.js
@@ -0,0 +1,27 @@
+//// [tests/cases/compiler/unusedImports15.ts] ////
+
+//// [foo.tsx]
+
+import Element = require("react");
+
+export const FooComponent = <div></div>
+
+//// [index.d.ts]
+export = React;
+export as namespace React;
+
+declare namespace React {
+    function createClass<P, S>(spec);
+}
+declare global {
+    namespace JSX {
+    }
+}
+
+
+
+
+//// [foo.jsx]
+"use strict";
+var Element = require("react");
+exports.FooComponent = <div></div>;
diff --git a/tests/baselines/reference/unusedImports15.symbols b/tests/baselines/reference/unusedImports15.symbols
new file mode 100644
index 00000000000..a325dc7ed76
--- /dev/null
+++ b/tests/baselines/reference/unusedImports15.symbols
@@ -0,0 +1,36 @@
+=== tests/cases/compiler/foo.tsx ===
+
+import Element = require("react");
+>Element : Symbol(Element, Decl(foo.tsx, 0, 0))
+
+export const FooComponent = <div></div>
+>FooComponent : Symbol(FooComponent, Decl(foo.tsx, 3, 12))
+>div : Symbol(unknown)
+>div : Symbol(unknown)
+
+=== tests/cases/compiler/node_modules/@types/react/index.d.ts ===
+export = React;
+>React : Symbol(React, Decl(index.d.ts, 1, 26))
+
+export as namespace React;
+>React : Symbol(React, Decl(index.d.ts, 0, 15))
+
+declare namespace React {
+>React : Symbol(React, Decl(index.d.ts, 1, 26))
+
+    function createClass<P, S>(spec);
+>createClass : Symbol(createClass, Decl(index.d.ts, 3, 25))
+>P : Symbol(P, Decl(index.d.ts, 4, 25))
+>S : Symbol(S, Decl(index.d.ts, 4, 27))
+>spec : Symbol(spec, Decl(index.d.ts, 4, 31))
+}
+declare global {
+>global : Symbol(global, Decl(index.d.ts, 5, 1))
+
+    namespace JSX {
+>JSX : Symbol(JSX, Decl(index.d.ts, 6, 16))
+    }
+}
+
+
+
diff --git a/tests/baselines/reference/unusedImports15.types b/tests/baselines/reference/unusedImports15.types
new file mode 100644
index 00000000000..c222eaa03a3
--- /dev/null
+++ b/tests/baselines/reference/unusedImports15.types
@@ -0,0 +1,37 @@
+=== tests/cases/compiler/foo.tsx ===
+
+import Element = require("react");
+>Element : typeof Element
+
+export const FooComponent = <div></div>
+>FooComponent : any
+><div></div> : any
+>div : any
+>div : any
+
+=== tests/cases/compiler/node_modules/@types/react/index.d.ts ===
+export = React;
+>React : typeof React
+
+export as namespace React;
+>React : typeof React
+
+declare namespace React {
+>React : typeof React
+
+    function createClass<P, S>(spec);
+>createClass : <P, S>(spec: any) => any
+>P : P
+>S : S
+>spec : any
+}
+declare global {
+>global : any
+
+    namespace JSX {
+>JSX : any
+    }
+}
+
+
+
diff --git a/tests/baselines/reference/unusedImports16.js b/tests/baselines/reference/unusedImports16.js
new file mode 100644
index 00000000000..1ce802d869a
--- /dev/null
+++ b/tests/baselines/reference/unusedImports16.js
@@ -0,0 +1,27 @@
+//// [tests/cases/compiler/unusedImports16.ts] ////
+
+//// [foo.tsx]
+
+import Element = require("react");
+
+export const FooComponent = <div></div>
+
+//// [index.d.ts]
+export = React;
+export as namespace React;
+
+declare namespace React {
+    function createClass<P, S>(spec);
+}
+declare global {
+    namespace JSX {
+    }
+}
+
+
+
+
+//// [foo.js]
+"use strict";
+var Element = require("react");
+exports.FooComponent = Element.createElement("div", null);
diff --git a/tests/baselines/reference/unusedImports16.symbols b/tests/baselines/reference/unusedImports16.symbols
new file mode 100644
index 00000000000..a325dc7ed76
--- /dev/null
+++ b/tests/baselines/reference/unusedImports16.symbols
@@ -0,0 +1,36 @@
+=== tests/cases/compiler/foo.tsx ===
+
+import Element = require("react");
+>Element : Symbol(Element, Decl(foo.tsx, 0, 0))
+
+export const FooComponent = <div></div>
+>FooComponent : Symbol(FooComponent, Decl(foo.tsx, 3, 12))
+>div : Symbol(unknown)
+>div : Symbol(unknown)
+
+=== tests/cases/compiler/node_modules/@types/react/index.d.ts ===
+export = React;
+>React : Symbol(React, Decl(index.d.ts, 1, 26))
+
+export as namespace React;
+>React : Symbol(React, Decl(index.d.ts, 0, 15))
+
+declare namespace React {
+>React : Symbol(React, Decl(index.d.ts, 1, 26))
+
+    function createClass<P, S>(spec);
+>createClass : Symbol(createClass, Decl(index.d.ts, 3, 25))
+>P : Symbol(P, Decl(index.d.ts, 4, 25))
+>S : Symbol(S, Decl(index.d.ts, 4, 27))
+>spec : Symbol(spec, Decl(index.d.ts, 4, 31))
+}
+declare global {
+>global : Symbol(global, Decl(index.d.ts, 5, 1))
+
+    namespace JSX {
+>JSX : Symbol(JSX, Decl(index.d.ts, 6, 16))
+    }
+}
+
+
+
diff --git a/tests/baselines/reference/unusedImports16.types b/tests/baselines/reference/unusedImports16.types
new file mode 100644
index 00000000000..c222eaa03a3
--- /dev/null
+++ b/tests/baselines/reference/unusedImports16.types
@@ -0,0 +1,37 @@
+=== tests/cases/compiler/foo.tsx ===
+
+import Element = require("react");
+>Element : typeof Element
+
+export const FooComponent = <div></div>
+>FooComponent : any
+><div></div> : any
+>div : any
+>div : any
+
+=== tests/cases/compiler/node_modules/@types/react/index.d.ts ===
+export = React;
+>React : typeof React
+
+export as namespace React;
+>React : typeof React
+
+declare namespace React {
+>React : typeof React
+
+    function createClass<P, S>(spec);
+>createClass : <P, S>(spec: any) => any
+>P : P
+>S : S
+>spec : any
+}
+declare global {
+>global : any
+
+    namespace JSX {
+>JSX : any
+    }
+}
+
+
+
diff --git a/tests/cases/compiler/unusedImports13.ts b/tests/cases/compiler/unusedImports13.ts
new file mode 100644
index 00000000000..af188e70eae
--- /dev/null
+++ b/tests/cases/compiler/unusedImports13.ts
@@ -0,0 +1,22 @@
+//@noUnusedLocals:true
+//@module: commonjs
+//@jsx: preserve
+
+// @filename: foo.tsx
+import React = require("react");
+
+export const FooComponent = <div></div>
+
+// @filename: node_modules/@types/react/index.d.ts
+export = React;
+export as namespace React;
+
+declare namespace React {
+    function createClass<P, S>(spec);
+}
+declare global {
+    namespace JSX {
+    }
+}
+
+
diff --git a/tests/cases/compiler/unusedImports14.ts b/tests/cases/compiler/unusedImports14.ts
new file mode 100644
index 00000000000..1823d4bb49b
--- /dev/null
+++ b/tests/cases/compiler/unusedImports14.ts
@@ -0,0 +1,22 @@
+//@noUnusedLocals:true
+//@module: commonjs
+//@jsx: react
+
+// @filename: foo.tsx
+import React = require("react");
+
+export const FooComponent = <div></div>
+
+// @filename: node_modules/@types/react/index.d.ts
+export = React;
+export as namespace React;
+
+declare namespace React {
+    function createClass<P, S>(spec);
+}
+declare global {
+    namespace JSX {
+    }
+}
+
+
diff --git a/tests/cases/compiler/unusedImports15.ts b/tests/cases/compiler/unusedImports15.ts
new file mode 100644
index 00000000000..ef6b277d21d
--- /dev/null
+++ b/tests/cases/compiler/unusedImports15.ts
@@ -0,0 +1,23 @@
+//@noUnusedLocals:true
+//@module: commonjs
+//@reactNamespace: Element
+//@jsx: preserve
+
+// @filename: foo.tsx
+import Element = require("react");
+
+export const FooComponent = <div></div>
+
+// @filename: node_modules/@types/react/index.d.ts
+export = React;
+export as namespace React;
+
+declare namespace React {
+    function createClass<P, S>(spec);
+}
+declare global {
+    namespace JSX {
+    }
+}
+
+
diff --git a/tests/cases/compiler/unusedImports16.ts b/tests/cases/compiler/unusedImports16.ts
new file mode 100644
index 00000000000..ff0c38bb75e
--- /dev/null
+++ b/tests/cases/compiler/unusedImports16.ts
@@ -0,0 +1,23 @@
+//@noUnusedLocals:true
+//@module: commonjs
+//@reactNamespace: Element
+//@jsx: react
+
+// @filename: foo.tsx
+import Element = require("react");
+
+export const FooComponent = <div></div>
+
+// @filename: node_modules/@types/react/index.d.ts
+export = React;
+export as namespace React;
+
+declare namespace React {
+    function createClass<P, S>(spec);
+}
+declare global {
+    namespace JSX {
+    }
+}
+
+