close intersection observer on dismount (github#26292)

peterbe · web-flow · commit 021198411a0e · 2022-03-17T12:14:53.000-04:00
diff --git a/components/article/ClientSideHighlightJS.tsx b/components/article/ClientSideHighlightJS.tsx
@@ -66,6 +66,10 @@ export default function ClientSideHighlightJS() {
         intersectionObserver.observe(element)
       }
     }
+
+    return () => {
+      intersectionObserver.disconnect()
+    }
   }, [asPath])
 
   return null

Original file line number	Diff line number	Diff line change
`@@ -66,6 +66,10 @@ export default function ClientSideHighlightJS() {`
`66`	`66`	`intersectionObserver.observe(element)`
`67`	`67`	`}`
`68`	`68`	`}`
	`69`	`+`
	`70`	`+ return () => {`
	`71`	`+ intersectionObserver.disconnect()`
	`72`	`+ }`
`69`	`73`	`}, [asPath])`
`70`	`74`
`71`	`75`	`return null`