Fix test

vercel · Jun 5, 2022 · f2df42b · f2df42b
1 parent d9912ae
commit f2df42b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/packages/next/client/use-intersection.tsx b/packages/next/client/use-intersection.tsx
@@ -23,7 +23,7 @@ type Observer = {
   elements: Map<Element, ObserveCallback>
 }
 
-const hasIntersectionObserver = typeof IntersectionObserver !== 'undefined'
+const hasIntersectionObserver = typeof IntersectionObserver === 'function'
 
 export function useIntersection<T extends Element>({
   rootRef,

diff --git a/test/integration/image-component/basic/pages/missing-observer.js b/test/integration/image-component/basic/pages/missing-observer.js
@@ -1,12 +1,14 @@
-import React, { useLayoutEffect } from 'react'
 import Image from 'next/image'
+import Script from 'next/script'
 
 const Lazy = () => {
-  useLayoutEffect(() => {
-    IntersectionObserver = null //eslint-disable-line
-  })
   return (
     <div>
+      <Script
+        id="IntersectionObserver-null"
+        strategy="beforeInteractive"
+        dangerouslySetInnerHTML={{ __html: 'IntersectionObserver = null' }}
+      />
       <p id="stubtext">
         This is a page with one lazy-loaded image, to be used in the test for
         browsers without intersection observer.