'undefined is not a function' when using the new JSX transform #91
Description
When importing an SVG, the new JSX transform doesn't work seamlessly along with React 17. The resulting component with inlined SVG data looks as follows:
var TextAroundImageEditor_IconFlip = function IconFlip(props) {
return /*#__PURE__*/undefined("svg", TextAroundImageEditor_objectSpread(TextAroundImageEditor_objectSpread({}, props), {}, {
children: [/*#__PURE__*/Object(jsx_runtime_["jsx"])("path", {
fillRule: "evenodd",
d: "M8 3L2 19H11V3H8ZM4.886 17L9 6.02934V17H4.886Z"
}), /*#__PURE__*/Object(jsx_runtime_["jsx"])("path", {
fillRule: "evenodd",
d: "M16 3L22 19H13V3H16ZM19.114 17L15 6.02934V17H19.114Z"
})]
}));
};
TextAroundImageEditor_IconFlip.defaultProps = {
fill: "currentColor",
viewBox: "0 0 24 24",
width: "24",
height: "24",
xmlns: "http://www.w3.org/2000/svg"
};Instead of something similar to:
var TextAroundImageEditor_IconFlip = function IconFlip(props) {
+ return /*#__PURE__*/Object(jsx_runtime_["jsx"])("svg", TextAroundImageEditor_objectSpread(TextAroundImageEditor_objectSpread({}, props), {}, {
- return /*#__PURE__*/undefined("svg", TextAroundImageEditor_objectSpread(TextAroundImageEditor_objectSpread({}, props), {}, {
children: [/*#__PURE__*/Object(jsx_runtime_["jsx"])("path", {