From 6759b26ddb543f255a4629a934cfa55587ab6045 Mon Sep 17 00:00:00 2001
From: fuma-nama <god63820869@gmail.com>
Date: Wed, 18 Sep 2024 20:29:51 +0800
Subject: [PATCH] Docs: Improve examples

---
 apps/docs/app/layout.config.tsx        | 1 -
 packages/ui/src/utils/use-toc-thumb.ts | 9 +++------
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/apps/docs/app/layout.config.tsx b/apps/docs/app/layout.config.tsx
index ee789509..71e84fef 100644
--- 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
index f238472c..f30d283f 100644
--- a/packages/ui/src/utils/use-toc-thumb.ts
+++ b/packages/ui/src/utils/use-toc-thumb.ts
@@ -1,6 +1,5 @@
-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];
 
@@ -8,7 +7,7 @@ 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;
 }