> ## Documentation Index
> Fetch the complete documentation index at: https://velt.dev/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# React Flow CRDT Library

> Release Notes of Changes Affecting Velt React Flow Library

### Libraries

* `@veltdev/reactflow-crdt`

**4.5.9-beta.2**

December 10, 2025

### Improvements

* \[**Core**]: Fixed an issue with the ReactFlow CRDT production build where certain test cases were failing. All test cases now pass correctly in production builds.

**4.5.9-beta.1**

December 9, 2025

### Bug Fixes

* \[**Core**]: Fixed multi-tab synchronization for same user. When the same user edits content in multiple tabs, all tabs now sync correctly.

**4.5.8**

November 15, 2025

### Improvements

* \[**Core**]: Released stable version 4.5.8 of ReactFlow CRDT package.

**4.5.8-beta.2**

November 11, 2025

### New Features

* \[**Developer Tools**]: Added `window.VeltCrdtStoreMap` global interface to inspect and monitor CRDT stores during development. Access store values directly in the browser console using `VeltCrdtStoreMap.get(id)` or `VeltCrdtStoreMap.getAll()`. Subscribe to store updates and monitor registration events for debugging collaborative data synchronization. [Learn more](https://velt.dev/docs/realtime-collaboration/crdt/setup/core.md#veltcrdtstoremap)

**4.5.7**

October 31, 2025

### Bug Fixes

* \[**Core**]: Fixed `initialContent` not being applied when no server-side data exists. You can now set `initialEdges` and `initialNodes` in ReactFlow CRDT, and they will be used when the document is empty.

> [tab] React / Next.js
>
> ```jsx theme={null}
> const { nodes, edges, onNodesChange, onEdgesChange, onConnect } = useVeltReactFlowCrdtExtension({
>     editorId: "UNIQUE_EDITOR_ID",
>     initialEdges: [
>         {
>             id: "edge1",
>             source: "node1",
>             target: "node2",
>         },
>     ],
>     initialNodes: [
>         {
>             id: "node1",
>             type: 'input',
>             data: { label: `Node 1` },
>             position: { x: 0, y: 50 },
>         },
>         {
>             id: "node2",
>             type: 'default',
>             data: { label: `Node 2` },
>             position: { x: 0, y: 150 },
>         }
>     ],
> });
> ```

> [tab] Other Frameworks
>
> ```javascript theme={null}
> const result = veltClient.getVeltReactFlowCrdtExtension({
>     editorId: "UNIQUE_EDITOR_ID",
>     initialEdges: [
>         {
>             id: "edge1",
>             source: "node1",
>             target: "node2",
>         },
>     ],
>     initialNodes: [
>         {
>             id: "node1",
>             type: 'input',
>             data: { label: `Node 1` },
>             position: { x: 0, y: 50 },
>         },
>         {
>             id: "node2",
>             type: 'default',
>             data: { label: `Node 2` },
>             position: { x: 0, y: 150 },
>         }
>     ],
> });
> ```

**4.5.0-beta.6**

September 2, 2025

### New Features

* \[**Core**]: Optimized the library to reduce the implementation code by 95%.

**4.5.0-beta.3**

August 28, 2025

### Bug Fixes

* \[**Core**]: Fixed an issue where last keystroke was not synced in some cases. Also fixed synchronization issues with React Flow nodes and edges.

**4.5.0-beta.1**

August 11, 2025

### New Features

* \[**Core**]: Introduced purpose built CRDT library for React Flow Editor to enable multiplayer editing. This is based on the [Yjs](https://docs.yjs.dev/) library. [Learn more](https://velt.dev/docs/realtime-collaboration/crdt/setup/reactflow.md).


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.