Revert "Automatically scroll to the active page in table of contents (#2425) (#2429)

Author: spastorelli

.changeset/stupid-guests-drive.md

@@ -14,7 +14,6 @@ import { tcls } from '@/lib/tailwind';
 
 import { PagesList } from './PagesList';
 import { Trademark } from './Trademark';
-import { TOCScrollContainerProvider } from './useScrollToActiveTOCItem';
 
 export function TableOfContents(props: {
     space: Space;
@@ -56,7 +55,7 @@ export function TableOfContents(props: {
             )}
         >
             {header ? header : null}
-            <TOCScrollContainerProvider
+            <div
                 className={tcls(
                     withHeaderOffset ? 'pt-4' : ['pt-4', 'lg:pt-0'],
                     'hidden',
@@ -88,7 +87,7 @@ export function TableOfContents(props: {
                 {customization.trademark.enabled ? (
                     <Trademark space={space} customization={customization} />
                 ) : null}
-            </TOCScrollContainerProvider>
+            </div>
         </aside>
     );
 }

packages/gitbook/src/components/TableOfContents/TableOfContents.tsx

@@ -7,7 +7,6 @@ import React from 'react';
 
 import { tcls } from '@/lib/tailwind';
 
-import { useScrollToActiveTOCItem } from './useScrollToActiveTOCItem';
 import { Link } from '../primitives';
 
 const show = {
@@ -47,7 +46,6 @@ export function ToggleableLinkItem(props: {
 
     const [scope, animate] = useAnimate();
     const [isVisible, setIsVisible] = React.useState(hasActiveDescendant);
-    const linkRef = React.createRef<HTMLAnchorElement>();
 
     // Update the visibility of the children, if we are navigating to a descendant.
     React.useEffect(() => {
@@ -92,15 +90,12 @@ export function ToggleableLinkItem(props: {
     const mountedRef = React.useRef(false);
     React.useEffect(() => {
         mountedRef.current = true;
-    });
-
-    useScrollToActiveTOCItem({ linkRef, isActive });
+    }, []);
 
     return (
         <div>
             <Link
                 href={href}
-                ref={linkRef}
                 aria-selected={isActive}
                 className={tcls(
                     'group/toclink',