Fix

Author: xPaw

api/package-lock.json

@@ -21,6 +21,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.39.4",
+    "@vitejs/plugin-react": "^5.1.4",
     "eslint": "^9.39.4",
     "eslint-plugin-react-hooks": "^5.2.0",
     "typescript": "^5.9.3",

api/package.json

@@ -33,7 +33,7 @@ export const ReferencesLink: React.FC<{ name: string }> = ({ name }) => {
   return (
     <StyledReferencesLink
       to={`/vscripts${search}`}
-      className={isActive ? "active" : undefined}
+      className={() => isActive ? "active" : ""}
       title="Find all usages of this API"
     >
       {referencesCount} reference{referencesCount === 1 ? "" : "s"}

api/src/components/Docs/ReferencesLink.tsx

@@ -8,7 +8,8 @@ interface Props<T> {
 }
 
 export function LazyList<T>({ className, data, render }: Props<T>) {
-  const cache = useMemo(() => new CellMeasurerCache({ fixedWidth: true }), []);
+  // eslint-disable-next-line react-hooks/exhaustive-deps -- recreate cache when data changes to remeasure row heights
+  const cache = useMemo(() => new CellMeasurerCache({ fixedWidth: true }), [data]);
   const renderRow = useCallback<ListRowRenderer>(
     ({ key, parent, style, index }) => (
       <CellMeasurer cache={cache} key={key} parent={parent} rowIndex={index}>

api/src/components/Lists.tsx

@@ -1,9 +1,11 @@
+import react from "@vitejs/plugin-react";
 import { defineConfig } from "vite";
 import svgr from "vite-plugin-svgr";
 
 export default defineConfig({
   base: "/api/",
   plugins: [
+    react(),
     svgr({
       svgrOptions: { dimensions: false },
     }),