1"use client";23import { useState, useMemo } from "react";4import data from "./fixture.json";56import {7 SegmentGroup,8 Table,9 TableHead,10 TableBody,11 TableRow,
Violations
16 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:56:25Property 'Item' does not exist on type '({ options, onValueChange, size, UNSAFE_className, UNSAFE_style, ...rest }: SegmentGroupProps) => Element'.
page.tsx:56:60Property 'Item' does not exist on type '({ options, onValueChange, size, UNSAFE_className, UNSAFE_style, ...rest }: SegmentGroupProps) => Element'.
page.tsx:57:25Property 'Item' does not exist on type '({ options, onValueChange, size, UNSAFE_className, UNSAFE_style, ...rest }: SegmentGroupProps) => Element'.
page.tsx:57:70Property 'Item' does not exist on type '({ options, onValueChange, size, UNSAFE_className, UNSAFE_style, ...rest }: SegmentGroupProps) => Element'.
page.tsx:58:25Property 'Item' does not exist on type '({ options, onValueChange, size, UNSAFE_className, UNSAFE_style, ...rest }: SegmentGroupProps) => Element'.
page.tsx:58:72Property 'Item' does not exist on type '({ options, onValueChange, size, UNSAFE_className, UNSAFE_style, ...rest }: SegmentGroupProps) => Element'.
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:46:24 · <Stack pad>`pad` 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:50:14 · <Stack direction>`direction` 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:97:14 · <Stack direction>`direction` 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:97:66 · <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`…).
page.tsx:102:11 · <Pagination size>`size` is not a layout prop of `Pagination`: how it looks belongs to the component. Use one of its variants, or a layout prop (`marginInlineStart`, `flexGrow`, `width`…).
page.tsx:46:12Not countedType '{ spacing: number; pad: number; children: Element[]; }' is not assignable to type 'IntrinsicAttributes & StackProps'.
page.tsx:50:14Not countedType '{ direction: string; spacing: number; align: string; children: Element; }' is not assignable to type 'IntrinsicAttributes & StackProps'.
page.tsx:53:11Type 'Dispatch<SetStateAction<"All" | "Money in" | "Money out">>' is not assignable to type '(value: string) => void'.
page.tsx:86:19Type '"default" | "warning"' is not assignable to type '"danger" | "neutral" | "success" | "warning"'.
page.tsx:97:14Not countedType '{ direction: string; justify: string; spacing: number; mt: number; children: Element; }' is not assignable to type 'IntrinsicAttributes & StackProps'.
page.tsx:99:11Type '{ currentPage: number; onPageChange: (p: number) => void; totalPages: number; size: string; }' is not assignable to type 'IntrinsicAttributes & PaginationProps'.