1"use client";23import { css } from "styled-system/css";4import data from "./fixture.json";56type FieldErrors = {7 dob?: string;8 nationality?: string;9 countryOfResidence?: string;10 tin?: string;11 documentType?: string;
Violations
82 counted, under 10 rules. “Not counted” marks a compiler error that restates a design-system violation, “Ignored” one the agent silenced with a comment.
page.tsx:81:12Type '{ css: string; children: Element; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'.
page.tsx:88:10Type '{ css: string; children: Element[]; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'.
page.tsx:92:12Type '{ css: string; children: (string | Element)[]; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'.
page.tsx:98:37Type '{ onSubmit: (e: FormEvent<Element>) => void; css: string; children: Element[]; }' is not assignable to type 'DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>'.
page.tsx:100:14Type '{ css: string; children: ("" | Element | undefined)[]; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'.
page.tsx:109:13Type '{ id: string; name: string; type: "date"; value: string; onChange: (e: ChangeEvent<HTMLInputElement | HTMLSelectElement, Element>) => void; required: true; css: string; }' is not assignable to type 'DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>'.
Steps
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:112:16Type '{ css: string; children: string; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>'.
page.tsx:117:14Type '{ css: string; children: ("" | Element | undefined)[]; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'.
page.tsx:125:13Type '{ id: string; name: string; value: string; onChange: (e: ChangeEvent<HTMLInputElement | HTMLSelectElement, Element>) => void; required: true; css: string; children: (Element[] | Element)[]; }' is not assignable to type 'DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>'.
page.tsx:135:16Type '{ css: string; children: string; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>'.
page.tsx:142:14Type '{ css: string; children: ("" | Element | undefined)[]; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'.
page.tsx:150:13Type '{ id: string; name: string; value: string; onChange: (e: ChangeEvent<HTMLInputElement | HTMLSelectElement, Element>) => void; required: true; css: string; children: (Element[] | Element)[]; }' is not assignable to type 'DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>'.
page.tsx:160:16Type '{ css: string; children: string; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>'.
page.tsx:167:14Type '{ css: string; children: ("" | Element | undefined)[]; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'.
page.tsx:176:13Type '{ id: string; name: string; type: "text"; value: string; onChange: (e: ChangeEvent<HTMLInputElement | HTMLSelectElement, Element>) => void; required: true; css: string; }' is not assignable to type 'DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>'.
page.tsx:179:16Type '{ css: string; children: string; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>'.
page.tsx:184:14Type '{ css: string; children: ("" | Element | undefined)[]; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'.
page.tsx:192:13Type '{ id: string; name: string; value: string; onChange: (e: ChangeEvent<HTMLInputElement | HTMLSelectElement, Element>) => void; required: true; css: string; children: (Element[] | Element)[]; }' is not assignable to type 'DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>'.
page.tsx:202:16Type '{ css: string; children: string; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>'.
page.tsx:209:14Type '{ css: string; children: ("" | Element | undefined)[]; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'.
page.tsx:218:13Type '{ id: string; name: string; type: "text"; value: string; onChange: (e: ChangeEvent<HTMLInputElement | HTMLSelectElement, Element>) => void; required: true; css: string; }' is not assignable to type 'DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>'.
page.tsx:221:16Type '{ css: string; children: string; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>'.
page.tsx:228:14Type '{ css: string; children: ("" | Element | undefined)[]; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'.
page.tsx:252:16Type '{ css: string; children: string; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>'.
page.tsx:258:31Type '{ type: "submit"; css: string; children: string; }' is not assignable to type 'DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>'.