Fixup: Continue using React.createElement for custom components

Author: weirdwater

packages/pluggable-widgets-tools/test-config/__mocks__/NativeIcon.js

@@ -1,6 +1,6 @@
-const { jsx } = require("react/jsx-runtime");
+const { createElement } = require("react");
 const { View } = require("react-native");
 
 module.exports = {
-    Icon: () => jsx(View, { testId: "icon" })
+    Icon: () => createElement(View, { testId: "icon" })
 }

packages/pluggable-widgets-tools/test-config/__mocks__/WebIcon.js

@@ -1,5 +1,5 @@
-import { jsx } from "react/jsx-runtime";
+import { createElement } from "react";
 
 module.exports = {
-    Icon: () => jsx("img", { src: "mocked/web/icon" })
+    Icon: () => createElement("img", { src: "mocked/web/icon" })
 };

packages/pluggable-widgets-tools/test-config/jest-svg-transformer.js

@@ -13,9 +13,9 @@ module.exports = {
 
         return {
             code: `
-const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
 function ${name}(props) {
-  return jsxRuntime.jsx(
+  return React.createElement(
     'svg',
     Object.assign({}, props, {'data-file-name': ${name}.name})
   );