fixed import and jsx

static/admin/prefixed-image-widget.js

@@ -1,5 +1,3 @@
-import React from "react";
-
 class PrefixedImageControl extends React.Component {
   openMediaLibrary = () => {
     this.props.mediaLibrary.open({
@@ -25,12 +23,12 @@ class PrefixedImageControl extends React.Component {
   render() {
     const value = this.props.value || "";
     return (
-      <div>
-        <button type="button" onClick={this.openMediaLibrary}>
-          {value ? "Change Image" : "Add Image"}
-        </button>
-        {value && <img src={value} alt="" style={{ maxWidth: "200px", display: "block", marginTop: "1em" }} />}
-      </div>
+      React.createElement("div", null,
+        React.createElement("button", { type: "button", onClick: this.openMediaLibrary },
+          value ? "Change Image" : "Add Image"
+        ),
+        value && React.createElement("img", { src: value, alt: "", style: { maxWidth: "200px", display: "block", marginTop: "1em" } })
+      )
     );
   }
 }
@@ -39,7 +37,7 @@ const PrefixedImageWidget = {
   name: "prefixed-image",
   controlComponent: PrefixedImageControl,
   previewComponent: ({ value }) =>
-    value ? <img src={value} alt="" style={{ maxWidth: "200px" }} /> : null,
+    value ? React.createElement("img", { src: value, alt: "", style: { maxWidth: "200px" } }) : null,
 };
 
 window.CMS.registerWidget(