fix: ts fix

app/letters/filter-year-browser.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useState, useMemo, useRef, useEffect } from "react";
+import { useState, useMemo, useRef } from "react";
 import Link from "next/link";
 import { Card, CardContent } from "@/components/ui/card";
 import { buttonVariants } from "@/components/ui/button";
@@ -402,21 +402,18 @@ export function FilterYearBrowser({
 }) {
   const yearGroups = useMemo(() => buildYearGroups(letters), [letters]);
 
-  const [activeYear, setActiveYear] = useState<number>(
+  const [activeYearRaw, setActiveYear] = useState<number>(
     yearGroups.length > 0 ? yearGroups[0].year : 0,
   );
 
-  const contentRef = useRef<HTMLDivElement>(null);
+  // Derive a safe active year — if the raw value is no longer valid, fall back to the first group
+  const activeYear = useMemo(() => {
+    if (yearGroups.length === 0) return activeYearRaw;
+    if (yearGroups.find((g) => g.year === activeYearRaw)) return activeYearRaw;
+    return yearGroups[0].year;
+  }, [yearGroups, activeYearRaw]);
 
-  // Keep active year valid
-  useEffect(() => {
-    if (
-      yearGroups.length > 0 &&
-      !yearGroups.find((g) => g.year === activeYear)
-    ) {
-      setActiveYear(yearGroups[0].year);
-    }
-  }, [yearGroups, activeYear]);
+  const contentRef = useRef<HTMLDivElement>(null);
 
   const handleYearSelect = (year: number) => {
     setActiveYear(year);