pass unique id

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

-import React, { useContext }  from 'react';
-import { WaxContext } from 'wax-prosemirror-core';
-import {isEmpty} from 'lodash';
-import ReactDOM from 'react-dom';
-import { v4 as uuidv4 } from 'uuid';
-import TestComponent from './TestComponent';
-
-export default () => {
-    const { activeView } = useContext(WaxContext);
-
-    // useEffect(() => {
-    //   const editorViewDOM = editorViewRef.current;
-    //   if (editorViewDOM) {
-    //     createEditorView(editorViewDOM);
-    //   }
-    // }, [createEditorView]);
-
-    //
-    
-    if (isEmpty(activeView)) return null
-
-    if (!activeView.state.multipleChoicePlugin$.dom) return null
-
-    return ReactDOM.createPortal(<TestComponent />, document.getElementById('portalId'), uuidv4())
-  };
\ No newline at end of file

wax-prosemirror-services/src/PortalService/portalPlugin.js

 import { Plugin, PluginKey } from 'prosemirror-state';
+import { v4 as uuidv4 } from 'uuid';
 
 const portalPlugin = new PluginKey('portalPlugin');
 
 class ReactNodeView {
   constructor(node, view, getPos, decorations, createPortal, Component) {
     this.dom = document.createElement('div');
-    this.dom.id = 'portalId';
+    this.dom.id = uuidv4();
     this.dom.classList.add('portal');
 
     createPortal(this.dom, Component, node, view, getPos, decorations);