chore: use a replace step to insert the nodes

Author: nperez0111

examples/01-basic/01-minimal/App.tsx

@@ -8,5 +8,12 @@ export default function App() {
   const editor = useCreateBlockNote();
 
   // Renders the editor instance using a React component.
-  return <BlockNoteView editor={editor} />;
+  return (
+    <BlockNoteView
+      editor={editor}
+      onChange={(t, ctx) => {
+        console.log("changes", ctx.getChanges());
+      }}
+    />
+  );
 }

packages/core/src/api/blockManipulation/commands/insertBlocks/insertBlocks.ts

@@ -1,4 +1,4 @@
-import { Node } from "prosemirror-model";
+import { Fragment, Node, Slice } from "prosemirror-model";
 
 import { Block, PartialBlock } from "../../../../blocks/defaultBlocks.js";
 import type { BlockNoteEditor } from "../../../../editor/BlockNoteEditor";
@@ -11,6 +11,7 @@ import {
 import { blockToNode } from "../../../nodeConversions/blockToNode.js";
 import { nodeToBlock } from "../../../nodeConversions/nodeToBlock.js";
 import { getNodeById } from "../../../nodeUtil.js";
+import { ReplaceStep } from "prosemirror-transform";
 
 export function insertBlocks<
   BSchema extends BlockSchema,
@@ -43,7 +44,11 @@ export function insertBlocks<
     pos += posInfo.node.nodeSize;
   }
 
-  editor.dispatch(tr.insert(pos, nodesToInsert));
+  tr.step(
+    new ReplaceStep(pos, pos, new Slice(Fragment.from(nodesToInsert), 0, 0))
+  );
+
+  editor.dispatch(tr);
 
   // Now that the `PartialBlock`s have been converted to nodes, we can
   // re-convert them into full `Block`s.