[v3] remove intersection-observer polyfill (#3177)

Author: 87xie

.changeset/clever-dots-unite.md

@@ -0,0 +1,5 @@
+---
+'nextra-theme-docs': patch
+---
+
+Remove intersection-observer polyfill

examples/swr-site/components/video.tsx

@@ -1,6 +1,5 @@
 import { useCallback, useEffect, useRef } from 'react'
 import { useInView } from 'react-intersection-observer'
-import 'intersection-observer'
 
 export default function Video({ src, caption, ratio }) {
   const [inViewRef, inView] = useInView({ threshold: 1 })

examples/swr-site/package.json

@@ -16,7 +16,6 @@
     "types:check": "tsc --noEmit"
   },
   "dependencies": {
-    "intersection-observer": "^0.10.0",
     "markdown-to-jsx": "^6.11.4",
     "next": "^14.2.5",
     "nextra": "workspace:*",

packages/nextra-theme-docs/package.json

@@ -41,7 +41,6 @@
     "clsx": "^2.0.0",
     "escape-string-regexp": "^5.0.0",
     "flexsearch": "^0.7.43",
-    "intersection-observer": "^0.12.2",
     "next-themes": "^0.3.0",
     "scroll-into-view-if-needed": "^3.1.0",
     "zod": "^3.22.3"

packages/nextra-theme-docs/src/contexts/active-anchor.tsx

@@ -1,5 +1,4 @@
 import type { Dispatch, ReactElement, ReactNode, SetStateAction } from 'react'
-import 'intersection-observer'
 import { createContext, useContext, useRef, useState } from 'react'
 import { IS_BROWSER } from '../constants'