1"use client";23import { useState } from "react";4import data from "./fixture.json";56import {7 FormField,8 Input,9 Select,10 DatePicker,11 RadioGroup,
Violations
14 counted, under 8 rules. “Not counted” marks a compiler error that restates a design-system violation, “Ignored” one the agent silenced with a comment.
page.tsx:96:41 · <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:96:60 · <Stack minH>`minH` 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:103:24 · <Stack maxW>`maxW` 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:103:37 · <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`…).
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:96:14Not countedType '{ spacing: number; align: string; direction: string; minH: string; children: Element; }' is not assignable to type 'IntrinsicAttributes & StackProps'.
page.tsx:103:12Not countedType '{ spacing: number; maxW: string; padding: number; children: Element[]; }' is not assignable to type 'IntrinsicAttributes & StackProps'.
page.tsx:104:13Type '"xl"' is not assignable to type '"lg" | "md" | "sm" | "xs"'.
page.tsx:104:23Type '"bold"' is not assignable to type '"medium" | "normal" | "semibold"'.
page.tsx:115:13Type 'Dispatch<SetStateAction<string>>' is not assignable to type '(value: string | null) => void'.