@hed-hog/finance 0.0.285 → 0.0.286

package/hedhog/frontend/app/reports/_lib/use-finance-reports.ts.ejs

@@ -166,7 +166,7 @@ function useFinanceReportQuery<T>(
   const querySuffix = buildQuery(params);
   const url = querySuffix ? `${path}?${querySuffix}` : path;
 
-  return useQuery<T>({
+  const query = useQuery<T>({
     queryKey: [queryKey, querySuffix || 'default'],
     staleTime: 0,
     refetchOnMount: 'always',
@@ -187,6 +187,11 @@ function useFinanceReportQuery<T>(
     },
     initialData,
   });
+
+  return {
+    ...query,
+    data: query.data ?? initialData,
+  };
 }
 
 export function useOverviewResultsReport(filters: {

package/hedhog/frontend/app/reports/top-customers/page.tsx.ejs

@@ -29,6 +29,7 @@ import {
 import { Crown, PieChartIcon, Users } from 'lucide-react';
 import { useTranslations } from 'next-intl';
 import { type FormEvent, useState } from 'react';
+import type { TooltipProps } from 'recharts';
 import {
   Bar,
   BarChart,
@@ -93,16 +94,7 @@ export default function TopCustomersReportPage() {
     active,
     payload,
     label,
-  }: {
-    active?: boolean;
-    payload?: Array<{
-      name?: string;
-      value?: number | string;
-      color?: string;
-      dataKey?: string;
-    }>;
-    label?: string | number;
-  }) => {
+  }: TooltipProps<string | number, string>) => {
     if (!active || !payload || payload.length === 0) {
       return null;
     }
@@ -114,7 +106,7 @@ export default function TopCustomersReportPage() {
         </p>
         {payload.map((row, index) => (
           <div
-            key={`${row.dataKey ?? row.name ?? 'item'}-${index}`}
+            key={`${String(row.dataKey ?? row.name ?? 'item')}-${index}`}
             className="flex items-center justify-between gap-3 text-sm"
           >
             <div className="flex items-center gap-2 text-popover-foreground">

package/hedhog/frontend/app/reports/top-operational-expenses/page.tsx.ejs

@@ -29,6 +29,7 @@ import {
 import { Building2, CircleDollarSign, TriangleAlert } from 'lucide-react';
 import { useTranslations } from 'next-intl';
 import { type FormEvent, useState } from 'react';
+import type { TooltipProps } from 'recharts';
 import {
   Bar,
   BarChart,
@@ -91,16 +92,7 @@ export default function TopOperationalExpensesReportPage() {
     active,
     payload,
     label,
-  }: {
-    active?: boolean;
-    payload?: Array<{
-      name?: string;
-      value?: number | string;
-      color?: string;
-      dataKey?: string;
-    }>;
-    label?: string | number;
-  }) => {
+  }: TooltipProps<string | number, string>) => {
     if (!active || !payload || payload.length === 0) {
       return null;
     }
@@ -112,7 +104,7 @@ export default function TopOperationalExpensesReportPage() {
         </p>
         {payload.map((row, index) => (
           <div
-            key={`${row.dataKey ?? row.name ?? 'item'}-${index}`}
+            key={`${String(row.dataKey ?? row.name ?? 'item')}-${index}`}
             className="flex items-center justify-between gap-3 text-sm"
           >
             <div className="flex items-center gap-2 text-popover-foreground">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hed-hog/finance",
-  "version": "0.0.285",
+  "version": "0.0.286",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
@@ -9,14 +9,14 @@
     "@nestjs/core": "^11",
     "@nestjs/jwt": "^11",
     "@nestjs/mapped-types": "*",
-    "@hed-hog/api-prisma": "0.0.5",
     "@hed-hog/api": "0.0.4",
-    "@hed-hog/api-types": "0.0.1",
-    "@hed-hog/core": "0.0.285",
-    "@hed-hog/contact": "0.0.285",
-    "@hed-hog/api-locale": "0.0.13",
+    "@hed-hog/contact": "0.0.286",
+    "@hed-hog/tag": "0.0.286",
     "@hed-hog/api-pagination": "0.0.6",
-    "@hed-hog/tag": "0.0.285"
+    "@hed-hog/api-locale": "0.0.13",
+    "@hed-hog/api-prisma": "0.0.5",
+    "@hed-hog/core": "0.0.286",
+    "@hed-hog/api-types": "0.0.1"
   },
   "exports": {
     ".": {