diff --git a/client/src/pages/InvoicesBAP.tsx b/client/src/pages/InvoicesBAP.tsx index 24d350a..4cb132f 100644 --- a/client/src/pages/InvoicesBAP.tsx +++ b/client/src/pages/InvoicesBAP.tsx @@ -1,4 +1,4 @@ -import React, { useState } from "react"; +import React, { useState, useMemo } from "react"; import DashboardLayout from "@/components/DashboardLayout"; import { Card, CardContent } from "@/components/ui/card"; import { Button } from "@/components/ui/button"; @@ -155,7 +155,12 @@ export default function InvoicesBAP() { // Filter for BAP invoices only (Abonnement = NON, isSubscription = 0) const invoices = allInvoices?.filter(inv => inv.isSubscription === 0); // IDs des factures déjà validées BAP (pour charger leurs pdfUrl depuis bapHistory) - const validatedInvoiceIds = (invoices || []).filter(inv => inv.bapValidated === 1).map(inv => inv.id); + // Stabilisé avec useMemo pour éviter les re-renders infinis (anti-pattern tRPC) + const validatedInvoiceIds = useMemo( + () => (invoices || []).filter(inv => inv.bapValidated === 1).map(inv => inv.id), + // eslint-disable-next-line react-hooks/exhaustive-deps + [invoices?.map(i => i.id).join(',')] + ); const { data: persistedBapPdfUrls } = trpc.invoices.getBapPdfUrls.useQuery( { invoiceIds: validatedInvoiceIds }, { enabled: validatedInvoiceIds.length > 0 }