From fbeab9c11d0791319bbb3bee1dee407e462d7b7a Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Sun, 24 Nov 2024 14:15:01 +0100
Subject: [PATCH 1/2] chore(react): allow custom data-testid #4838

---
 packages/react/src/container/ReactFlow/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/src/container/ReactFlow/index.tsx b/packages/react/src/container/ReactFlow/index.tsx
index 962b6846..82206fc8 100644
--- a/packages/react/src/container/ReactFlow/index.tsx
+++ b/packages/react/src/container/ReactFlow/index.tsx
@@ -153,11 +153,11 @@ function ReactFlow<NodeType extends Node = Node, EdgeType extends Edge = Edge>(
 
   return (
     <div
+      data-testid="rf__wrapper"
       {...rest}
       style={{ ...style, ...wrapperStyle }}
       ref={ref}
       className={cc(['react-flow', className, colorModeClassName])}
-      data-testid="rf__wrapper"
       id={id}
     >
       <Wrapper

From 6f11e552c3f51b5931b98d5ff798156cdb8cc2d9 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Sun, 24 Nov 2024 14:18:01 +0100
Subject: [PATCH 2/2] chore(changeset): add

---
 .changeset/old-lobsters-cover.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/old-lobsters-cover.md

diff --git a/.changeset/old-lobsters-cover.md b/.changeset/old-lobsters-cover.md
new file mode 100644
index 00000000..82795889
--- /dev/null
+++ b/.changeset/old-lobsters-cover.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/react': patch
+---
+
+Allow custom data-testid for ReactFlow component