From 1d0e68f5a19d721fe8799b1ea331041d8bf9120e Mon Sep 17 00:00:00 2001 From: Ben Alpert Date: Wed, 9 Sep 2015 23:53:17 -0700 Subject: [PATCH 1/2] Include $$typeof on inlined React elements See https://github.com/facebook/react/pull/4832. --- packages/babel/src/transformation/file/index.js | 1 + .../transformation/templates/helper-typeof-react-element.js | 1 + .../transformers/optimisation/react.inline-elements.js | 1 + .../inline-elements/expected.js | 6 +++++- .../component-with-props/expected.js | 3 ++- .../component/expected.js | 3 ++- .../html-element-with-props/expected.js | 3 ++- .../html-element/expected.js | 3 ++- .../optimisation.react.inline-elements/key/expected.js | 1 + .../nested-components/expected.js | 4 +++- .../nested-html-elements/expected.js | 3 ++- .../optimisation.react.inline-elements/nested/expected.js | 4 +++- .../self-closing-component-with-props/expected.js | 1 + .../self-closing-component/expected.js | 1 + .../self-closing-html-element-with-props/expected.js | 1 + .../self-closing-html-element/expected.js | 1 + .../shorthand-attributes/expected.js | 3 ++- 17 files changed, 31 insertions(+), 9 deletions(-) create mode 100644 packages/babel/src/transformation/templates/helper-typeof-react-element.js diff --git a/packages/babel/src/transformation/file/index.js b/packages/babel/src/transformation/file/index.js index e16aacb978..aefe11e40b 100644 --- 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 new file mode 100644 index 0000000000..144051982f --- /dev/null +++ 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 index 8c7c182ed4..5e3554262c 100644 --- 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)); diff --git a/packages/babel/test/fixtures/transformation/optimisation.react.constant-elements/inline-elements/expected.js b/packages/babel/test/fixtures/transformation/optimisation.react.constant-elements/inline-elements/expected.js index 338bdb7ee9..eaa34b3340 100644 --- a/packages/babel/test/fixtures/transformation/optimisation.react.constant-elements/inline-elements/expected.js +++ b/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; }; -} +} \ No newline at end of file diff --git a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/component-with-props/expected.js b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/component-with-props/expected.js index f12d308ad4..83e97ffb7c 100644 --- a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/component-with-props/expected.js +++ b/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 -}); +}); \ No newline at end of file diff --git a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/component/expected.js b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/component/expected.js index ce0544da35..78504409d1 100644 --- a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/component/expected.js +++ b/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 -}); +}); \ No newline at end of file diff --git a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/html-element-with-props/expected.js b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/html-element-with-props/expected.js index dfddc6e5be..093fab0776 100644 --- a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/html-element-with-props/expected.js +++ b/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 -}); +}); \ No newline at end of file diff --git a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/html-element/expected.js b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/html-element/expected.js index bd6cead480..4b16b457e3 100644 --- a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/html-element/expected.js +++ b/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 -}); +}); \ No newline at end of file diff --git a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/key/expected.js b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/key/expected.js index f3ceb79ca1..3834cf1d12 100644 --- a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/key/expected.js +++ b/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, {}), diff --git a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/nested-components/expected.js b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/nested-components/expected.js index cdb8f0053a..d61f6f2de3 100644 --- a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/nested-components/expected.js +++ b/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 -}); +}); \ No newline at end of file diff --git a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/nested-html-elements/expected.js b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/nested-html-elements/expected.js index 90b1ad9b93..f9518ba2b7 100644 --- a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/nested-html-elements/expected.js +++ b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/nested-html-elements/expected.js @@ -1,6 +1,7 @@ "use strict"; ({ + $$typeof: babelHelpers.typeofReactElement, type: "div", ref: null, props: { @@ -8,4 +9,4 @@ className: "foo" }, key: null -}); +}); \ No newline at end of file diff --git a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/nested/expected.js b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/nested/expected.js index 6d9b9a1f1c..1f152abd02 100644 --- a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/nested/expected.js +++ b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/nested/expected.js @@ -1,10 +1,12 @@ "use strict"; ({ + $$typeof: babelHelpers.typeofReactElement, type: "div", ref: null, props: { children: [bar, { + $$typeof: babelHelpers.typeofReactElement, type: Baz, ref: null, props: babelHelpers.defaultProps(Baz.defaultProps, {}), @@ -13,4 +15,4 @@ className: "foo" }, key: null -}); +}); \ No newline at end of file diff --git a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-component-with-props/expected.js b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-component-with-props/expected.js index 05d9b4afde..83e97ffb7c 100644 --- a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-component-with-props/expected.js +++ b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-component-with-props/expected.js @@ -1,6 +1,7 @@ "use strict"; ({ + $$typeof: babelHelpers.typeofReactElement, type: Baz, ref: null, props: babelHelpers.defaultProps(Baz.defaultProps, { diff --git a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-component/expected.js b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-component/expected.js index eebbcef988..78504409d1 100644 --- a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-component/expected.js +++ b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-component/expected.js @@ -1,6 +1,7 @@ "use strict"; ({ + $$typeof: babelHelpers.typeofReactElement, type: Baz, ref: null, props: babelHelpers.defaultProps(Baz.defaultProps, {}), diff --git a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-html-element-with-props/expected.js b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-html-element-with-props/expected.js index 6e5aec9eec..093fab0776 100644 --- a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-html-element-with-props/expected.js +++ b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-html-element-with-props/expected.js @@ -1,6 +1,7 @@ "use strict"; ({ + $$typeof: babelHelpers.typeofReactElement, type: "foo", ref: null, props: { diff --git a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-html-element/expected.js b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-html-element/expected.js index 87d6fdbd33..4b16b457e3 100644 --- a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-html-element/expected.js +++ b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-html-element/expected.js @@ -1,6 +1,7 @@ "use strict"; ({ + $$typeof: babelHelpers.typeofReactElement, type: "foo", ref: null, props: {}, diff --git a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/shorthand-attributes/expected.js b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/shorthand-attributes/expected.js index 452322c2de..0239a2fe42 100644 --- a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/shorthand-attributes/expected.js +++ b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/shorthand-attributes/expected.js @@ -1,10 +1,11 @@ "use strict"; ({ + $$typeof: babelHelpers.typeofReactElement, type: Foo, ref: null, props: babelHelpers.defaultProps(Foo.defaultProps, { bar: true }), key: null -}); +}); \ No newline at end of file From 52fb99a341e1da96c4754caef66bab53036dfeef Mon Sep 17 00:00:00 2001 From: Ben Alpert Date: Thu, 10 Sep 2015 01:22:06 -0700 Subject: [PATCH 2/2] Reorder React element properties for consistent hidden class --- .../optimisation/react.inline-elements.js | 15 +++++++-------- .../inline-elements/expected.js | 6 ++++-- .../component-with-props/expected.js | 3 ++- .../component/expected.js | 3 ++- .../html-element-with-props/expected.js | 3 ++- .../html-element/expected.js | 3 ++- .../key/expected.js | 3 ++- .../nested-components/expected.js | 6 ++++-- .../nested-html-elements/expected.js | 3 ++- .../nested/expected.js | 6 ++++-- .../self-closing-component-with-props/expected.js | 3 ++- .../self-closing-component/expected.js | 3 ++- .../expected.js | 3 ++- .../self-closing-html-element/expected.js | 3 ++- .../shorthand-attributes/expected.js | 3 ++- 15 files changed, 41 insertions(+), 25 deletions(-) diff --git a/packages/babel/src/transformation/transformers/optimisation/react.inline-elements.js b/packages/babel/src/transformation/transformers/optimisation/react.inline-elements.js index 5e3554262c..5d43d59cf1 100644 --- a/packages/babel/src/transformation/transformers/optimisation/react.inline-elements.js +++ b/packages/babel/src/transformation/transformers/optimisation/react.inline-elements.js @@ -60,11 +60,6 @@ export var visitor = { objProps.push(t.property("init", key, value)); } - // metadata - pushElemProp("$$typeof", file.addHelper("typeof-react-element")); - pushElemProp("type", type); - pushElemProp("ref", t.literal(null)); - if (node.children.length) { var children = react.buildChildren(node); children = children.length === 1 ? children[0] : t.arrayExpression(children); @@ -85,10 +80,14 @@ export var visitor = { props = t.callExpression(file.addHelper("default-props"), [t.memberExpression(type, t.identifier("defaultProps")), props]); } - pushElemProp("props", props); - - // key + // metadata + pushElemProp("$$typeof", file.addHelper("typeof-react-element")); + pushElemProp("type", type); pushElemProp("key", key); + pushElemProp("ref", t.literal(null)); + + pushElemProp("props", props); + pushElemProp("_owner", t.literal(null)); return obj; } diff --git a/packages/babel/test/fixtures/transformation/optimisation.react.constant-elements/inline-elements/expected.js b/packages/babel/test/fixtures/transformation/optimisation.react.constant-elements/inline-elements/expected.js index eaa34b3340..486db2f496 100644 --- a/packages/babel/test/fixtures/transformation/optimisation.react.constant-elements/inline-elements/expected.js +++ b/packages/babel/test/fixtures/transformation/optimisation.react.constant-elements/inline-elements/expected.js @@ -5,9 +5,10 @@ var _typeofReactElement = typeof Symbol === "function" && Symbol["for"] && Symbo var _ref = { $$typeof: _typeofReactElement, type: "foo", + key: null, ref: null, props: {}, - key: null + _owner: null }; function render() { return _ref; @@ -18,11 +19,12 @@ function render() { var _ref2 = { $$typeof: _typeofReactElement, type: "foo", + key: null, ref: null, props: { children: text }, - key: null + _owner: null }; return function () { return _ref2; diff --git a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/component-with-props/expected.js b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/component-with-props/expected.js index 83e97ffb7c..53d45c8c49 100644 --- a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/component-with-props/expected.js +++ b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/component-with-props/expected.js @@ -3,9 +3,10 @@ ({ $$typeof: babelHelpers.typeofReactElement, type: Baz, + key: null, ref: null, props: babelHelpers.defaultProps(Baz.defaultProps, { foo: "bar" }), - key: null + _owner: null }); \ No newline at end of file diff --git a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/component/expected.js b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/component/expected.js index 78504409d1..0f7be9b542 100644 --- a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/component/expected.js +++ b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/component/expected.js @@ -3,7 +3,8 @@ ({ $$typeof: babelHelpers.typeofReactElement, type: Baz, + key: null, ref: null, props: babelHelpers.defaultProps(Baz.defaultProps, {}), - key: null + _owner: null }); \ No newline at end of file diff --git a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/html-element-with-props/expected.js b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/html-element-with-props/expected.js index 093fab0776..adac374b6f 100644 --- a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/html-element-with-props/expected.js +++ b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/html-element-with-props/expected.js @@ -3,9 +3,10 @@ ({ $$typeof: babelHelpers.typeofReactElement, type: "foo", + key: null, ref: null, props: { bar: "foo" }, - key: null + _owner: null }); \ No newline at end of file diff --git a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/html-element/expected.js b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/html-element/expected.js index 4b16b457e3..88fb7293c7 100644 --- a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/html-element/expected.js +++ b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/html-element/expected.js @@ -3,7 +3,8 @@ ({ $$typeof: babelHelpers.typeofReactElement, type: "foo", + key: null, ref: null, props: {}, - key: null + _owner: null }); \ No newline at end of file diff --git a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/key/expected.js b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/key/expected.js index 3834cf1d12..d103b14c73 100644 --- a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/key/expected.js +++ b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/key/expected.js @@ -3,7 +3,8 @@ ({ $$typeof: babelHelpers.typeofReactElement, type: Foo, + key: "foo", ref: null, props: babelHelpers.defaultProps(Foo.defaultProps, {}), - key: "foo" + _owner: null }); \ No newline at end of file diff --git a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/nested-components/expected.js b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/nested-components/expected.js index d61f6f2de3..ca5c4af20b 100644 --- a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/nested-components/expected.js +++ b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/nested-components/expected.js @@ -3,16 +3,18 @@ ({ $$typeof: babelHelpers.typeofReactElement, type: Foo, + key: null, ref: null, props: babelHelpers.defaultProps(Foo.defaultProps, { children: [bar, { $$typeof: babelHelpers.typeofReactElement, type: Baz, + key: "baz", ref: null, props: babelHelpers.defaultProps(Baz.defaultProps, {}), - key: "baz" + _owner: null }], className: "foo" }), - key: null + _owner: null }); \ No newline at end of file diff --git a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/nested-html-elements/expected.js b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/nested-html-elements/expected.js index f9518ba2b7..7c59ecd0ba 100644 --- a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/nested-html-elements/expected.js +++ b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/nested-html-elements/expected.js @@ -3,10 +3,11 @@ ({ $$typeof: babelHelpers.typeofReactElement, type: "div", + key: null, ref: null, props: { children: bar, className: "foo" }, - key: null + _owner: null }); \ No newline at end of file diff --git a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/nested/expected.js b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/nested/expected.js index 1f152abd02..d4cf94ca81 100644 --- a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/nested/expected.js +++ b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/nested/expected.js @@ -3,16 +3,18 @@ ({ $$typeof: babelHelpers.typeofReactElement, type: "div", + key: null, ref: null, props: { children: [bar, { $$typeof: babelHelpers.typeofReactElement, type: Baz, + key: "baz", ref: null, props: babelHelpers.defaultProps(Baz.defaultProps, {}), - key: "baz" + _owner: null }], className: "foo" }, - key: null + _owner: null }); \ No newline at end of file diff --git a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-component-with-props/expected.js b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-component-with-props/expected.js index 83e97ffb7c..53d45c8c49 100644 --- a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-component-with-props/expected.js +++ b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-component-with-props/expected.js @@ -3,9 +3,10 @@ ({ $$typeof: babelHelpers.typeofReactElement, type: Baz, + key: null, ref: null, props: babelHelpers.defaultProps(Baz.defaultProps, { foo: "bar" }), - key: null + _owner: null }); \ No newline at end of file diff --git a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-component/expected.js b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-component/expected.js index 78504409d1..0f7be9b542 100644 --- a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-component/expected.js +++ b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-component/expected.js @@ -3,7 +3,8 @@ ({ $$typeof: babelHelpers.typeofReactElement, type: Baz, + key: null, ref: null, props: babelHelpers.defaultProps(Baz.defaultProps, {}), - key: null + _owner: null }); \ No newline at end of file diff --git a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-html-element-with-props/expected.js b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-html-element-with-props/expected.js index 093fab0776..adac374b6f 100644 --- a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-html-element-with-props/expected.js +++ b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-html-element-with-props/expected.js @@ -3,9 +3,10 @@ ({ $$typeof: babelHelpers.typeofReactElement, type: "foo", + key: null, ref: null, props: { bar: "foo" }, - key: null + _owner: null }); \ No newline at end of file diff --git a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-html-element/expected.js b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-html-element/expected.js index 4b16b457e3..88fb7293c7 100644 --- a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-html-element/expected.js +++ b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/self-closing-html-element/expected.js @@ -3,7 +3,8 @@ ({ $$typeof: babelHelpers.typeofReactElement, type: "foo", + key: null, ref: null, props: {}, - key: null + _owner: null }); \ No newline at end of file diff --git a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/shorthand-attributes/expected.js b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/shorthand-attributes/expected.js index 0239a2fe42..0aed56de13 100644 --- a/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/shorthand-attributes/expected.js +++ b/packages/babel/test/fixtures/transformation/optimisation.react.inline-elements/shorthand-attributes/expected.js @@ -3,9 +3,10 @@ ({ $$typeof: babelHelpers.typeofReactElement, type: Foo, + key: null, ref: null, props: babelHelpers.defaultProps(Foo.defaultProps, { bar: true }), - key: null + _owner: null }); \ No newline at end of file