chore(packages): bump

packages/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.0.0-next.11",
+  "version": "12.0.0-next.12",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",

packages/react/src/utils/general.ts

@@ -1,7 +1,7 @@
+import { ReactNode, Ref, RefAttributes, forwardRef } from 'react';
 import { isNodeBase, isEdgeBase } from '@xyflow/system';
 
 import type { Edge, Node } from '../types';
-import React from 'react';
 
 /**
  * Test whether an object is useable as a Node
@@ -25,8 +25,8 @@ export const isEdge = <EdgeType extends Edge = Edge>(element: unknown): element
 
 // eslint-disable-next-line @typescript-eslint/ban-types
 export function fixedForwardRef<T, P = {}>(
-  render: (props: P, ref: React.Ref<T>) => React.ReactNode
+  render: (props: P, ref: Ref<T>) => ReactNode
-): (props: P & React.RefAttributes<T>) => React.ReactNode {
+): (props: P & RefAttributes<T>) => ReactNode {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  return React.forwardRef(render) as any;
+  return forwardRef(render) as any;
 }

packages/svelte/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.0.38",
+  "version": "0.0.39",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",

packages/system/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.19",
+  "version": "0.0.20",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",