refactor(structure): add timeout clean up

sanity-io · Sep 24, 2024 · 9dcb7c7 · 9dcb7c7
1 parent 33b825c
commit 9dcb7c7
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/sanity/src/structure/panes/document/DocumentPaneProvider.tsx b/packages/sanity/src/structure/panes/document/DocumentPaneProvider.tsx
@@ -748,15 +748,19 @@ export const DocumentPaneProvider = memo((props: DocumentPaneProviderProps) => {
   )
 
   useEffect(() => {
+    let timeout: NodeJS.Timeout
     if (connectionState === 'reconnecting') {
-      setTimeout(() => {
+      timeout = setTimeout(() => {
         pushToast({
           id: 'sanity/structure/reconnecting',
           status: 'warning',
           title: t('panes.document-pane-provider.reconnecting.title'),
         })
       }, 2000) // 2 seconds, we can iterate on the value
     }
+    return () => {
+      if (timeout) clearTimeout(timeout)
+    }
   }, [connectionState, pushToast, t])
 
   const disableBlurRef = useRef(false)