From 4a25bcdf2aa3ae73acc4f8995cbac8e11c91e5c1 Mon Sep 17 00:00:00 2001
From: "L." <rankjie@gmail.com>
Date: Sun, 25 Aug 2024 13:45:47 +0200
Subject: [PATCH 1/3] fix(Toast): check if window exists to run startTimer in
 CSR only

---
 packages/radix-vue/src/Toast/ToastRootImpl.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/radix-vue/src/Toast/ToastRootImpl.vue b/packages/radix-vue/src/Toast/ToastRootImpl.vue
index e04f4d236..c44a15609 100644
--- a/packages/radix-vue/src/Toast/ToastRootImpl.vue
+++ b/packages/radix-vue/src/Toast/ToastRootImpl.vue
@@ -80,6 +80,11 @@ const remainingRaf = useRafFn(() => {
 function startTimer(duration: number) {
   if (!duration || duration === Number.POSITIVE_INFINITY)
     return
+  // startTimer is used inside a watch with immediate set to true.
+  // This results in code execution during SSR.
+  // Ensure this code only runs in a browser environment
+  if (typeof window === 'undefined')
+    return
   window.clearTimeout(closeTimerRef.value)
   closeTimerStartTimeRef.value = new Date().getTime()
   closeTimerRef.value = window.setTimeout(handleClose, duration)

From 6a7306abede9415ef16ea1eb5a918b814baf7be9 Mon Sep 17 00:00:00 2001
From: "L." <rankjie@gmail.com>
Date: Mon, 26 Aug 2024 10:23:56 +0200
Subject: [PATCH 2/3] use isClient to to test if it's CSR

---
 packages/radix-vue/src/Toast/ToastRootImpl.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/radix-vue/src/Toast/ToastRootImpl.vue b/packages/radix-vue/src/Toast/ToastRootImpl.vue
index c44a15609..62efb0af1 100644
--- a/packages/radix-vue/src/Toast/ToastRootImpl.vue
+++ b/packages/radix-vue/src/Toast/ToastRootImpl.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import { isClient } from '@vueuse/shared'
 import type { PrimitiveProps } from '@/Primitive'
 import type { SwipeEvent } from './utils'
 import { createContext, useForwardExpose } from '@/shared'
@@ -83,7 +84,7 @@ function startTimer(duration: number) {
   // startTimer is used inside a watch with immediate set to true.
   // This results in code execution during SSR.
   // Ensure this code only runs in a browser environment
-  if (typeof window === 'undefined')
+  if (!isClient)
     return
   window.clearTimeout(closeTimerRef.value)
   closeTimerStartTimeRef.value = new Date().getTime()

From 8336856ed4a3faf8260a10f19a22884cccec9807 Mon Sep 17 00:00:00 2001
From: "L." <rankjie@gmail.com>
Date: Wed, 28 Aug 2024 21:32:25 +0200
Subject: [PATCH 3/3] fix(DismissableLayer): branch could be null

---
 packages/radix-vue/src/DismissableLayer/DismissableLayer.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/radix-vue/src/DismissableLayer/DismissableLayer.vue b/packages/radix-vue/src/DismissableLayer/DismissableLayer.vue
index 27f4215d3..823b04ab8 100644
--- a/packages/radix-vue/src/DismissableLayer/DismissableLayer.vue
+++ b/packages/radix-vue/src/DismissableLayer/DismissableLayer.vue
@@ -103,7 +103,7 @@ const isPointerEventsEnabled = computed(() => {
 
 const pointerDownOutside = usePointerDownOutside(async (event) => {
   const isPointerDownOnBranch = [...context.branches].some(branch =>
-    branch.contains(event.target as HTMLElement),
+    branch?.contains(event.target as HTMLElement),
   )
 
   if (!isPointerEventsEnabled.value || isPointerDownOnBranch)
@@ -117,7 +117,7 @@ const pointerDownOutside = usePointerDownOutside(async (event) => {
 
 const focusOutside = useFocusOutside((event) => {
   const isFocusInBranch = [...context.branches].some(branch =>
-    branch.contains(event.target as HTMLElement),
+    branch?.contains(event.target as HTMLElement),
   )
 
   if (isFocusInBranch)