fix: corrige tipagem compartilhada e compatibilidade do typecheck

src/features/dashboard/components/category-history-widget.tsx

@@ -387,7 +387,7 @@ export function CategoryHistoryWidget({ data }: CategoryHistoryWidgetProps) {
 
 													return (
 														<div
-															key={entry.dataKey}
+															key={String(entry.dataKey ?? entry.name)}
 															className="flex items-center justify-between gap-4"
 														>
 															<div className="flex items-center gap-2">

src/features/dashboard/components/income-expense-balance-widget.tsx

@@ -91,7 +91,7 @@ export function IncomeExpenseBalanceWidget({
 
 											return (
 												<div
-													key={entry.dataKey}
+													key={String(entry.dataKey ?? entry.name)}
 													className="flex items-center gap-2"
 												>
 													<div

src/features/reports/components/category-report-chart.tsx

@@ -6,7 +6,9 @@ import {
 	Area,
 	AreaChart,
 	CartesianGrid,
-	type TooltipProps,
+	type TooltipContentProps,
+	type TooltipPayloadEntry,
+	type TooltipValueType,
 	XAxis,
 } from "recharts";
 import type { CategoryChartData } from "@/features/reports/category-chart-queries";
@@ -35,12 +37,19 @@ import {
 import { CATEGORY_COLORS } from "@/shared/utils/category-colors";
 import { currencyFormatter } from "@/shared/utils/currency";
 
-function AreaTooltip({ active, payload, label }: TooltipProps<number, string>) {
+function AreaTooltip({
+	active,
+	payload,
+	label,
+}: Partial<TooltipContentProps<TooltipValueType, string>>) {
 	if (!active || !payload?.length) return null;
 
 	const items = payload
-		.filter((entry) => Number(entry.value) > 0)
-		.sort((a, b) => Number(b.value) - Number(a.value));
+		.filter((entry: TooltipPayloadEntry) => Number(entry.value) > 0)
+		.sort(
+			(a: TooltipPayloadEntry, b: TooltipPayloadEntry) =>
+				Number(b.value) - Number(a.value),
+		);
 
 	if (items.length === 0) return null;
 
@@ -50,9 +59,9 @@ function AreaTooltip({ active, payload, label }: TooltipProps<number, string>) {
 				{label}
 			</p>
 			<div className="space-y-1.5">
-				{items.map((entry) => (
+				{items.map((entry: TooltipPayloadEntry) => (
 					<div
-						key={entry.dataKey}
+						key={String(entry.dataKey ?? entry.name)}
 						className="flex items-center justify-between gap-6"
 					>
 						<div className="flex min-w-0 items-center gap-1.5">

src/features/transactions/components/shared/anticipation-card.tsx

@@ -34,7 +34,7 @@ export function AnticipationCard({
 }: AnticipationCardProps) {
 	const [isPending, startTransition] = useTransition();
 
-	const isSettled = anticipation.transaction.isSettled === true;
+	const isSettled = anticipation.transaction?.isSettled === true;
 	const canCancel = !isSettled;
 
 	const formatDate = (date: Date) => {