Phase2: Invoicecomputation/AdminpricingUI/Ainvoicemgnt

src/lib/billing-pdf.tsx

@@ -611,21 +611,25 @@ const InvoicePdf: React.FC<InvoicePdfProps> = ({ invoice, lines }) => {
           </Text>
         </View>
 
-        {/* Footer with page numbers — react-pdf supplies render fn args */}
+        {/* Footer with page numbers.
-        <View
+            react-pdf API quirks (verified against build errors):
-          style={styles.footer}
+              - The `render` callback on <View> only exposes
-          render={({ pageNumber, totalPages }) => (
+                `{ pageNumber, subPageNumber }` — no totalPages.
-            <>
+                Only <Text> gets `{ pageNumber, totalPages,
+                subPageNumber, subPageTotalPages }`.
+              - <Text>'s render callback must return a STRING
+                (or array of strings), not JSX. */}
+        <View style={styles.footer} fixed>
           <Text>
             {BRAND.issuer.legalName} · {BRAND.issuer.web} · {BRAND.issuer.email}
           </Text>
-              <Text>
+          <Text
-                {s.page} {pageNumber} {s.of} {totalPages}
+            render={({ pageNumber, totalPages }) =>
-              </Text>
+              `${s.page} ${pageNumber} ${s.of} ${totalPages}`
-            </>
+            }
-          )}
             fixed
           />
+        </View>
       </Page>
     </Document>
   );