diff --git a/.changeset/tame-cars-occur.md b/.changeset/tame-cars-occur.md
new file mode 100644
index 00000000..bdac4ef2
--- /dev/null
+++ b/.changeset/tame-cars-occur.md
@@ -0,0 +1,5 @@
+---
+"@vue-flow/core": patch
+---
+
+Unwrap ref when checking if connection in progress.
diff --git a/packages/core/src/container/Pane/Pane.vue b/packages/core/src/container/Pane/Pane.vue
index 621b36c3..a1557777 100644
--- a/packages/core/src/container/Pane/Pane.vue
+++ b/packages/core/src/container/Pane/Pane.vue
@@ -82,7 +82,7 @@ function wrapHandler(handler: Function, containerRef: HTMLDivElement | null) {
 }
 
 function onClick(event: MouseEvent) {
-  if (selectionInProgress || connectionInProgress) {
+  if (selectionInProgress || connectionInProgress.value) {
     selectionInProgress = false
     return
   }