diff --git a/bun.lockb b/bun.lockb index 06a3051..ec496b5 100755 Binary files a/bun.lockb and b/bun.lockb differ diff --git a/components/Switch.tsx b/components/Switch.tsx index df0d828..4b934f3 100644 --- a/components/Switch.tsx +++ b/components/Switch.tsx @@ -20,10 +20,8 @@ export default function Switch({ const tagRefs = useRef(allTag.map(() => createRef())) const t = useTranslations("ServerListClient") const locale = useLocale() - const [indicator, setIndicator] = useState<{ x: number; w: number }>({ - x: 0, - w: 0, - }) + const [indicator, setIndicator] = useState<{ x: number; w: number } | null>(null) + const [isFirstRender, setIsFirstRender] = useState(true) useEffect(() => { const savedTag = sessionStorage.getItem("selectedTag") @@ -59,7 +57,13 @@ export default function Switch({ w: currentTagElement.offsetWidth, }) } - }, [nowTag, locale]) + + if (isFirstRender) { + setTimeout(() => { + setIsFirstRender(false) + }, 50) + } + }, [nowTag, locale, allTag, isFirstRender]) useEffect(() => { const currentTagElement = tagRefs.current[allTag.indexOf(nowTag)]?.current @@ -84,14 +88,14 @@ export default function Switch({ className="scrollbar-hidden z-50 flex flex-col items-start overflow-x-scroll rounded-[50px]" >
- {indicator.w > 0 && ( + {indicator && (
)} diff --git a/package.json b/package.json index 48a4338..5585eb9 100644 --- a/package.json +++ b/package.json @@ -3,7 +3,7 @@ "version": "2.8.3", "private": true, "scripts": { - "dev": "next dev --turbopack -p 3040", + "dev": "next dev -p 3040", "start": "node .next/standalone/server.js", "lint": "biome lint", "lint:fix": "biome lint --fix",