fix editor rerender

editors/demo/src/Editors.js

@@ -70,7 +70,7 @@ const Editors = () => {
       case 'ncbi':
         return <NCBI />;
       default:
-        return <HHMI />;
+        return <Editoria />;
     }
   };
 

wax-prosemirror-core/src/WaxView.js

@@ -161,7 +161,7 @@ const WaxView = forwardRef((props, ref) => {
   const editor = (
     <EditorContainer>
       <div ref={setEditorRef} />
-      {context.activeViewId === 'main' && <WaxOverlays group="main" />}
+      <WaxOverlays activeViewId="main" group="main" />
       <WaxPortals />
     </EditorContainer>
   );
@@ -171,7 +171,7 @@ const WaxView = forwardRef((props, ref) => {
       props.children({
         editor,
       }),
-    [readonly, customValues, context.activeViewId],
+    [readonly, customValues],
   );
 });
 

wax-prosemirror-services/src/NoteService/Editor.js

@@ -196,7 +196,7 @@ export default ({ node, view }) => {
   return (
     <NoteContainer>
       {NoteEditorContainerComponent}
-      {activeViewId === noteId && <WaxOverlays group="notes" />}
+      <WaxOverlays activeViewId={noteId} group="notes" />
     </NoteContainer>
   );
 };

wax-prosemirror-services/src/OverlayService/OverlayComponent.js

 /* eslint-disable react/jsx-props-no-spreading */
-import React, { useMemo } from 'react';
+import React, { useMemo, useContext } from 'react';
+import { WaxContext } from 'wax-prosemirror-core';
+
 import { Overlay } from 'wax-prosemirror-components';
 import usePosition from './usePosition';
 
 export default (Component, markType) => props => {
+  const context = useContext(WaxContext);
   const [position, setPosition, mark] = usePosition(markType);
   const component = useMemo(
     () => (
@@ -14,9 +17,13 @@ export default (Component, markType) => props => {
         {...props}
       />
     ),
-    [JSON.stringify(mark), position],
+    [JSON.stringify(mark), position, context.activeViewId],
   );
   const visible = !!position.left;
 
-  return <Overlay position={position}>{visible && component}</Overlay>;
+  return (
+    <Overlay position={position}>
+      {props.activeViewId === context.activeViewId && visible && component}
+    </Overlay>
+  );
 };