fix(jsx): do not throw on generated element in development mode (#12017)

* Fix `jsxDEV` for generated elements

* Throw invariant error

* Add test

* test: revise test layout

* fix: node 6 does not support trailing comma

* Use undefined node

Co-authored-by: Huáng Jùnliàng <jlhwung@gmail.com>

packages/babel-plugin-transform-react-jsx-development/test/fixtures/cross-platform/generated-jsx/input.js

@@ -0,0 +1 @@
+// empty

packages/babel-plugin-transform-react-jsx-development/test/fixtures/cross-platform/generated-jsx/options.json

@@ -0,0 +1,6 @@
+{
+  "plugins": [
+    "./plugin.js",
+    ["transform-react-jsx-development", { "runtime": "automatic" }]
+  ]
+}

packages/babel-plugin-transform-react-jsx-development/test/fixtures/cross-platform/generated-jsx/output.js

@@ -0,0 +1,6 @@
+// empty
+
+var _reactJsxDevRuntime = require("react/jsx-dev-runtime");
+
+/*#__PURE__*/
+_reactJsxDevRuntime.jsxDEV("div", {}, void 0, false, void 0, this)

packages/babel-plugin-transform-react-jsx-development/test/fixtures/cross-platform/generated-jsx/plugin.js

@@ -0,0 +1,18 @@
+module.exports = function ({ types: t }) {
+  return {
+    visitor: {
+      Program: {
+        enter(path) {
+          path.pushContainer(
+            "body",
+            t.JSXElement(
+              t.JSXOpeningElement(t.JSXIdentifier("div"), [], false),
+              t.JSXClosingElement(t.JSXIdentifier("div")),
+              []
+            )
+          );
+        }
+      }
+    }
+  };
+};