From 10cfb36636b6f67b548b9669ce2efc3be5f069bb Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 12 Sep 2020 21:36:45 +0800
Subject: [PATCH] fix(Sticky): error when unmounted #7169

---
 src/composition/use-visibility-change.ts | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/composition/use-visibility-change.ts b/src/composition/use-visibility-change.ts
index afce59ee9..526eaad37 100644
--- a/src/composition/use-visibility-change.ts
+++ b/src/composition/use-visibility-change.ts
@@ -1,5 +1,11 @@
 import { inBrowser } from '../utils';
-import { Ref, onMounted, onUnmounted, onActivated, onDeactivated } from 'vue';
+import {
+  Ref,
+  onMounted,
+  onActivated,
+  onDeactivated,
+  onBeforeUnmount,
+} from 'vue';
 
 export function useVisibilityChange(
   target: Ref<Element>,
@@ -30,6 +36,6 @@ export function useVisibilityChange(
 
   onMounted(observe);
   onActivated(observe);
-  onUnmounted(unobserve);
   onDeactivated(unobserve);
+  onBeforeUnmount(unobserve);
 }