diff --git a/docs/custom-directive-editors.md b/docs/custom-directive-editors.md
index fcae7533..e9ad71e1 100644
--- a/docs/custom-directive-editors.md
+++ b/docs/custom-directive-editors.md
@@ -84,7 +84,7 @@ Below you can find an example toolbar dialog button that will insert an YouTube
 const YouTubeButton = () => {
   // grab the insertDirective action (a.k.a. publisher) from the 
   // state management system of the directivesPlugin
-  const insertDirective = directivesPluginHooks.usePublisher('insertDirective')
+  const insertDirective = usePublisher(insertDirective$)
 
   return (
     <DialogButton
diff --git a/docs/html.md b/docs/html.md
index 6dad3c70..a55aac37 100644
--- a/docs/html.md
+++ b/docs/html.md
@@ -15,7 +15,7 @@ Out of the box, the editor does not include a UI that allows the user to add, re
 
 ```tsx
 const HTMLToolbarComponent = () => {
-  const [currentSelection, activeEditor] = corePluginHooks.useEmitterValues('currentSelection', 'activeEditor')
+  const [currentSelection, activeEditor] = useCellValues(currentSelection$, activeEditor$)
 
   const currentHTMLNode = React.useMemo(() => {
     return (
diff --git a/docs/jsx.md b/docs/jsx.md
index 1d3343bf..f593ccd6 100644
--- a/docs/jsx.md
+++ b/docs/jsx.md
@@ -56,7 +56,7 @@ const jsxComponentDescriptors: JsxComponentDescriptor[] = [
 
 // a toolbar button that will insert a JSX element into the editor.
 const InsertMyLeaf = () => {
-  const insertJsx = jsxPluginHooks.usePublisher('insertJsx')
+  const insertJsx = usePublisher(insertJsx$)
   return (
     <Button
       onClick={() =>