1"use client";23import React, { useState } from "react";4import data from "./fixture.json";56import {7 Button,8 Select,9 Input,10 FormField,11 NumberInput,
Violations
13 counted, under 7 rules. “Not counted” marks a compiler error that restates a design-system violation, “Ignored” one the agent silenced with a comment.
page.tsx:62:12Type '{ value: string; onValueChange: Dispatch<SetStateAction<string>>; placeholder: string; children: (Element[] | Element)[]; }' is not assignable to type 'IntrinsicAttributes & SelectProps'.
page.tsx:105:13Type '{ value: number; onChange: (e: any) => void; min: number; step: number; }' is not assignable to type 'IntrinsicAttributes & NumberInputProps'.
page.tsx:123:31Type 'string | boolean' is not assignable to type 'boolean | undefined'.
page.tsx:130:15Not countedType '{ className: string; children: Element; }' is not assignable to type 'IntrinsicAttributes & CardProps'.
page.tsx:131:18Type '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:130:15 · <Card className>`className` on `Card`: a design-system component takes layout props (`marginInlineStart`, `flexGrow`, `width`…) and its own variants, nothing else. Arrange content with `Stack` or `Grid`.