render all nodes

editors/demo/src/HHMI/HHMI.js

@@ -183,7 +183,7 @@ const Hhmi = () => {
         config={config}
         autoFocus
         fileUpload={file => renderImage(file)}
-        value=""
+        value={initialValue}
         targetFormat="JSON"
         // readonly
         layout={HhmiLayout}

editors/demo/src/HHMI/MultipleChoiceQuestionService/components/QuestionComponent.js

@@ -60,7 +60,6 @@ const Question = styled.div`
 `;
 
 export default ({ node, view, getPos }) => {
-  console.log(node);
   const context = useContext(WaxContext);
   const [showExplanation, setShowExplanation] = useState(false);
   const [explanationValue, setExplanationValue] = useState('');

editors/demo/src/HHMI/MultipleChoiceQuestionService/schema/multipleChoiceNode.js

 const multipleChoiceNode = {
   group: 'inline',
-  content: 'inline*',
+  content: 'block*',
   inline: true,
   // atom: true,
   attrs: {

wax-prosemirror-core/src/PortalContext.js

@@ -27,16 +27,18 @@ export default props => {
       decorations,
       context,
     ) => {
-      setPortal({
-        ...portal,
-        id: uuidv4(),
-        element,
-        component,
-        node,
-        view,
-        getPos,
-        decorations,
-        context,
+      setTimeout(() => {
+        setPortal({
+          ...portal,
+          id: uuidv4(),
+          element,
+          component,
+          node,
+          view,
+          getPos,
+          decorations,
+          context,
+        });
       });
     },
   });

wax-prosemirror-services/src/PortalService/components/PortalComponent.js

@@ -30,6 +30,7 @@ export default () => {
         portals.map(({ dom, component: Component, id }) => {
           return ReactDOM.createPortal(
             <Component
+              key={id}
               decorations={decorations}
               getPos={getPos}
               node={node}