Fixes wrapped widgets not being created on editor instanciation.

src/editor/widgets/WrappedWidget.jsx

@@ -1,25 +1,21 @@
 import React, { Component } from 'react';
 
 export default class WrappedWidget extends Component {
-
   constructor(props) {
     super(props);
 
     this.element = React.createRef();
   }
 
-  componentWillReceiveProps(next) {
+  updateWidget(props) {
-    if (this.element.current) {
-      if (this.props.annotation !== next.annotation) {
-        
     const widgetEl = this.props.widget({
-          annotation: next.annotation,
+      annotation: props.annotation,
-          readOnly: next.readOnly,
+      readOnly: props.readOnly,
       ...this.props.config,
-          onAppendBody: body => next.onAppendBody(body),
+      onAppendBody: body => props.onAppendBody(body),
-          onUpdateBody: (previous, updated) => next.onUpdateBody(previous, updated),
+      onUpdateBody: (previous, updated) => props.onUpdateBody(previous, updated),
-          onRemoveBody: body => next.onRemoveBody(body),
+      onRemoveBody: body => props.onRemoveBody(body),
-          onSaveAndClose: () => next.onSaveAndClose()
+      onSaveAndClose: () => props.onSaveAndClose()
     });
 
     // Delete previous rendered state
@@ -28,6 +24,16 @@ export default class WrappedWidget extends Component {
 
     this.element.current.appendChild(widgetEl);
   }
+
+  componentDidMount() {
+    this.updateWidget(this.props);
+  }
+
+  componentWillReceiveProps(next) {
+    if (this.element.current) {
+      if (this.props.annotation !== next.annotation) {
+        this.updateWidget(next);
+      }
     }
   }