diff --git a/docs/src/demos/Examples/CollaborativeEditing/index.vue b/docs/src/demos/Examples/CollaborativeEditing/index.vue
index 520b9682..ec7f96cf 100644
--- a/docs/src/demos/Examples/CollaborativeEditing/index.vue
+++ b/docs/src/demos/Examples/CollaborativeEditing/index.vue
@@ -79,9 +79,6 @@ export default {
         Highlight,
         TaskList,
         CustomTaskItem,
-        Collaboration.configure({
-          document: ydoc,
-        }),
         CollaborationCursor.configure({
           provider: this.provider,
           user: this.currentUser,
@@ -89,6 +86,9 @@ export default {
             this.users = users
           },
         }),
+        Collaboration.configure({
+          document: ydoc,
+        }),
       ],
     })
 
diff --git a/docs/src/demos/Extensions/CollaborationCursor/index.vue b/docs/src/demos/Extensions/CollaborationCursor/index.vue
index 4bd200b9..d9f3d176 100644
--- a/docs/src/demos/Extensions/CollaborationCursor/index.vue
+++ b/docs/src/demos/Extensions/CollaborationCursor/index.vue
@@ -33,9 +33,6 @@ export default {
         Document,
         Paragraph,
         Text,
-        Collaboration.configure({
-          document: ydoc,
-        }),
         CollaborationCursor.configure({
           provider: this.provider,
           user: {
@@ -43,6 +40,9 @@ export default {
             color: '#f783ac',
           },
         }),
+        Collaboration.configure({
+          document: ydoc,
+        }),
       ],
     })
   },
diff --git a/docs/src/docPages/guide/collaborative-editing.md b/docs/src/docPages/guide/collaborative-editing.md
index af686791..6323579e 100644
--- a/docs/src/docPages/guide/collaborative-editing.md
+++ b/docs/src/docPages/guide/collaborative-editing.md
@@ -155,16 +155,16 @@ const provider = new WebsocketProvider('ws://127.0.0.1:1234', 'example-document'
 
 const editor = new Editor({
   extensions: [
-    // …
-    Collaboration.configure({
-      document: ydoc,
-    }),
     // Register the collaboration cursor extension
     CollaborationCursor.configure({
       provider: provider,
       name: 'Cyndi Lauper',
       color: '#f783ac',
     }),
+    Collaboration.configure({
+      document: ydoc,
+    }),
+    // …
   ],
 })
 ```