Include $$typeof on inlined React elements

See facebook/react#4832.

Author: sophiebits

packages/babel/src/transformation/file/index.js

@@ -92,6 +92,7 @@ export default class File {
     "temporal-undefined",
     "temporal-assert-defined",
     "self-global",
+    "typeof-react-element",
     "default-props",
     "instanceof",
 

packages/babel/src/transformation/templates/helper-typeof-react-element.js

@@ -0,0 +1 @@
+(typeof Symbol === "function" && Symbol.for && Symbol.for("react.element")) || 0xeac7

packages/babel/src/transformation/transformers/optimisation/react.inline-elements.js

@@ -61,6 +61,7 @@ export var visitor = {
     }
 
     // metadata
+    pushElemProp("$$typeof", file.addHelper("typeof-react-element"));
     pushElemProp("type", type);
     pushElemProp("ref", t.literal(null));
 

packages/babel/test/fixtures/transformation/optimisation.react.constant-elements/inline-elements/expected.js

@@ -1,6 +1,9 @@
 "use strict";
 
+var _typeofReactElement = typeof Symbol === "function" && Symbol["for"] && Symbol["for"]("react.element") || 60103;
+
 var _ref = {
+  $$typeof: _typeofReactElement,
   type: "foo",
   ref: null,
   props: {},
@@ -13,6 +16,7 @@ function render() {
 function render() {
   var text = getText();
   var _ref2 = {
+    $$typeof: _typeofReactElement,
     type: "foo",
     ref: null,
     props: {
@@ -23,4 +27,4 @@ function render() {
   return function () {
     return _ref2;
   };
-}
+}

packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/component-with-props/expected.js

@@ -1,10 +1,11 @@
 "use strict";
 
 ({
+  $$typeof: babelHelpers.typeofReactElement,
   type: Baz,
   ref: null,
   props: babelHelpers.defaultProps(Baz.defaultProps, {
     foo: "bar"
   }),
   key: null
-});
+});

packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/component/expected.js

@@ -1,8 +1,9 @@
 "use strict";
 
 ({
+  $$typeof: babelHelpers.typeofReactElement,
   type: Baz,
   ref: null,
   props: babelHelpers.defaultProps(Baz.defaultProps, {}),
   key: null
-});
+});

packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/html-element-with-props/expected.js

@@ -1,10 +1,11 @@
 "use strict";
 
 ({
+  $$typeof: babelHelpers.typeofReactElement,
   type: "foo",
   ref: null,
   props: {
     bar: "foo"
   },
   key: null
-});
+});

packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/html-element/expected.js

@@ -1,8 +1,9 @@
 "use strict";
 
 ({
+  $$typeof: babelHelpers.typeofReactElement,
   type: "foo",
   ref: null,
   props: {},
   key: null
-});
+});

packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/key/expected.js

@@ -1,6 +1,7 @@
 "use strict";
 
 ({
+  $$typeof: babelHelpers.typeofReactElement,
   type: Foo,
   ref: null,
   props: babelHelpers.defaultProps(Foo.defaultProps, {}),

packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/nested-components/expected.js

@@ -1,10 +1,12 @@
 "use strict";
 
 ({
+  $$typeof: babelHelpers.typeofReactElement,
   type: Foo,
   ref: null,
   props: babelHelpers.defaultProps(Foo.defaultProps, {
     children: [bar, {
+      $$typeof: babelHelpers.typeofReactElement,
       type: Baz,
       ref: null,
       props: babelHelpers.defaultProps(Baz.defaultProps, {}),
@@ -13,4 +15,4 @@
     className: "foo"
   }),
   key: null
-});
+});