> ## 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`

<Update label="4.5.9-beta.2" description="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.
</Update>

<Update label="4.5.9-beta.1" description="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.
</Update>

<Update label="4.5.8" description="November 15, 2025">
  ### Improvements

  * \[**Core**]: Released stable version 4.5.8 of ReactFlow CRDT package.
</Update>

<Update label="4.5.8-beta.2" description="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](/realtime-collaboration/crdt/setup/core#veltcrdtstoremap)
</Update>

<Update label="4.5.7" description="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.

  <Tabs>
    <Tab title="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>

    <Tab title="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 },
              }
          ],
      });
      ```
    </Tab>
  </Tabs>
</Update>

<Update label="4.5.0-beta.6" description="September 2, 2025">
  ### New Features

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

<Update label="4.5.0-beta.3" description="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.
</Update>

<Update label="4.5.0-beta.1" description="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](/realtime-collaboration/crdt/setup/reactflow).
</Update>