type error for doc toc

Author: davemooreuws

src/components/layout/DocToC.tsx

@@ -26,10 +26,9 @@ const DocToC = ({ doc }: { doc: Doc }) => {
   const [activeIndex, setActiveIndex] = useState(-1)
 
   useEffect(() => {
-    const headings = document
-      .querySelectorAll<HTMLHeadingElement>('h2.md-content-header')
-      .values()
-      .toArray()
+    const headings = Array.from(
+      document.querySelectorAll<HTMLHeadingElement>('h2.md-content-header'),
+    )
 
     const options = {
       root: null,

src/components/layout/DocTracingBeam.tsx

@@ -1,13 +1,7 @@
 'use client'
 
 import React, { useEffect, useRef, useState } from 'react'
-import {
-  motion,
-  useTransform,
-  useSpring,
-  useMotionValue,
-  MotionValue,
-} from 'framer-motion'
+import { motion, useSpring, MotionValue } from 'framer-motion'
 import { cn } from '@/lib/utils'
 
 export const DocTracingBeam = ({