only check title text

editors/editoria/src/config/config.js

 import { emDash, ellipsis } from 'prosemirror-inputrules';
+import { debounce } from 'lodash';
 import { columnResizing, tableEditing } from 'prosemirror-tables';
 import {
   InlineAnnotationsService,
@@ -54,9 +55,13 @@ import invisibles, {
   paragraph,
 } from '@guardian/prosemirror-invisibles';
 
-const updateTitle = title => {
+// const updateTitle = title => {
+//   console.log(title);
+// };
+
+const updateTitle = debounce(title => {
   console.log(title);
-};
+}, 3000);
 
 const saveTags = tags => {
   // console.log(tags);

wax-prosemirror-components/src/components/TitleButton.js

@@ -31,13 +31,16 @@ const TitleButton = ({ view = {}, item }) => {
 
   const serviceConfig = app.config.get('config.TitleService');
 
+  let chapterTitle = '';
+  if (titleNode[0]) chapterTitle = titleNode[0].node.textContent;
+
   useEffect(() => {
     if (titleNode[0]) {
       serviceConfig.updateTitle(titleNode[0].node.textContent);
     } else {
       serviceConfig.updateTitle('');
     }
-  }, [JSON.stringify(titleNode[0])]);
+  }, [chapterTitle]);
 
   const isActive = !!active(state, activeViewId);
   let isDisabled = !select(state, activeViewId, activeView);