1"use client";23import React, { useState } from "react";
Violations
9 counted, under 5 rules. “Not counted” marks a compiler error that restates a design-system violation, “Ignored” one the agent silenced with a comment.
page.tsx:28:7Type '{ id: string; date: string; description: string; amount: number; status: string; }[]' is not assignable to type 'Transaction[]'.
page.tsx:58:12Not countedType 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
page.tsx:59:23Type '"xl"' is not assignable to type '"lg" | "md" | "sm" | "xs"'.
page.tsx:62:14Type 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
page.tsx:66:11Type '(value: "all" | "in" | "out") => void' is not assignable to type '(value: string) => void'.
page.tsx:107:14Not countedType 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
One row per model call, with the tools it asked for. An agent that reads the guidelines before writing shows it here; what a checker or submit_view answered is under its call.
page.tsx:58:20 · <Stack padding>`padding` is not a layout prop of `Stack`: how it looks belongs to the component. Use one of its variants, or a layout prop (`marginInlineStart`, `flexGrow`, `width`…).
page.tsx:107:22 · <Stack mt>`mt` is not a layout prop of `Stack`: how it looks belongs to the component. Use one of its variants, or a layout prop (`marginInlineStart`, `flexGrow`, `width`…).