Docs: Improve examples

fuma-nama · Sep 18, 2024 · 6759b26 · 6759b26
1 parent 7447c75
commit 6759b26
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 7 deletions.
diff --git a/apps/docs/app/layout.config.tsx b/apps/docs/app/layout.config.tsx
@@ -63,7 +63,6 @@ export const docsOptions: DocsLayoutProps = {
   nav: {
     ...baseOptions.nav,
     transparentMode: 'none',
-    children: undefined,
   },
   links: baseOptions.links?.slice(1),
   sidebar: {

diff --git a/packages/ui/src/utils/use-toc-thumb.ts b/packages/ui/src/utils/use-toc-thumb.ts
@@ -1,14 +1,13 @@
-import { type RefObject, useState } from 'react';
+import { type RefObject, useEffect, useState } from 'react';
 import * as Primitive from 'fumadocs-core/toc';
-import { useOnChange } from 'fumadocs-core/utils/use-on-change';
 
 export type TOCThumb = [top: number, height: number];
 
 export function useTocThumb(containerRef: RefObject<HTMLElement>): TOCThumb {
   const active = Primitive.useActiveAnchors();
   const [pos, setPos] = useState<TOCThumb>([0, 0]);
 
-  useOnChange(active, () => {
+  useEffect(() => {
     const container = containerRef.current;
     if (active.length === 0 || !container || container.clientHeight === 0) {
       setPos([0, 0]);
@@ -36,9 +35,7 @@ export function useTocThumb(containerRef: RefObject<HTMLElement>): TOCThumb {
           parseFloat(styles.paddingBottom),
       );
     }
-
-    setPos([upper, lower - upper]);
-  });
+  }, [active, containerRef]);
 
   return pos;
 }