Include $$typeof on inlined React elements

sophiebits · sophiebits · commit e0871c978406 · 2015-09-09T23:54:18.000-07:00
See facebook/react#4832.
diff --git a/packages/babel/src/transformation/file/index.js b/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",
 
diff --git a/packages/babel/src/transformation/templates/helper-typeof-react-element.js b/packages/babel/src/transformation/templates/helper-typeof-react-element.js
@@ -0,0 +1 @@
+(typeof Symbol === 'function' && Symbol.for && Symbol.for('react.element')) || 0xeac7
diff --git a/packages/babel/src/transformation/transformers/optimisation/react.inline-elements.js b/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));
 

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+(typeof Symbol === 'function' && Symbol.for && Symbol.for('react.element')) \|\| 0xeac7`
Original file line number	Diff line number	Diff line change
`@@ -61,6 +61,7 @@ export var visitor = {`
`61`	`61`	`}`
`62`	`62`
`63`	`63`	`// metadata`
	`64`	`+ pushElemProp("$$typeof", file.addHelper("typeof-react-element"));`
`64`	`65`	`pushElemProp("type", type);`
`65`	`66`	`pushElemProp("ref", t.literal(null));`
`66`	`67`