From eefdfd714ff81c34ecb2e3a5b7d744275944f10e Mon Sep 17 00:00:00 2001 From: counterweight Date: Sun, 21 Dec 2025 17:32:55 +0100 Subject: [PATCH] Fix: useCallback dependency array in availability page Compute dates inside fetchAvailability callback to avoid dependency on external variable that changes on every render. --- .gitignore | 3 +++ frontend/app/admin/availability/page.tsx | 7 ++++--- 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/.gitignore b/.gitignore index 3de4e0b..8da6201 100644 --- a/.gitignore +++ b/.gitignore @@ -24,3 +24,6 @@ Thumbs.db current_pr.md next_pr.md + +# Notes +notes/ diff --git a/frontend/app/admin/availability/page.tsx b/frontend/app/admin/availability/page.tsx index e43511d..7d3d725 100644 --- a/frontend/app/admin/availability/page.tsx +++ b/frontend/app/admin/availability/page.tsx @@ -73,11 +73,12 @@ export default function AdminAvailabilityPage() { const dates = getDateRange(); const fetchAvailability = useCallback(async () => { - if (!dates.length) return; + const dateRange = getDateRange(); + if (!dateRange.length) return; try { - const fromDate = formatDate(dates[0]); - const toDate = formatDate(dates[dates.length - 1]); + const fromDate = formatDate(dateRange[0]); + const toDate = formatDate(dateRange[dateRange.length - 1]); const data = await api.get( `/api/admin/availability?from=${fromDate}&to=${toDate}` );