1"use client";23import { useState } from "react";4import Image from "next/image";5import data from "./fixture.json";67import {8 Card,9 CardHeader,10 CardTitle,
Violations
35 counted, under 11 rules. “Not counted” marks a compiler error that restates a design-system violation, “Ignored” one the agent silenced with a comment.
page.tsx:123:25Property 'Item' does not exist on type '({ options, value, defaultValue, onValueChange, placeholder, size, name, disabled, "aria-label": ariaLabel, UNSAFE_className, UNSAFE_style, ...rest }: SelectProps) => Element'.
page.tsx:125:26Property 'Item' does not exist on type '({ options, value, defaultValue, onValueChange, placeholder, size, name, disabled, "aria-label": ariaLabel, UNSAFE_className, UNSAFE_style, ...rest }: SelectProps) => Element'.
page.tsx:141:25Property 'Item' does not exist on type '({ options, value, defaultValue, onValueChange, placeholder, size, name, disabled, "aria-label": ariaLabel, UNSAFE_className, UNSAFE_style, ...rest }: SelectProps) => Element'.
page.tsx:143:26Property 'Item' does not exist on type '({ options, value, defaultValue, onValueChange, placeholder, size, name, disabled, "aria-label": ariaLabel, UNSAFE_className, UNSAFE_style, ...rest }: SelectProps) => Element'.
page.tsx:165:25Property 'Item' does not exist on type '({ options, value, defaultValue, onValueChange, placeholder, size, name, disabled, "aria-label": ariaLabel, UNSAFE_className, UNSAFE_style, ...rest }: SelectProps) => Element'.
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:73:28Unsafe type assertion: type '"countryOfResidence" | "dob" | "docNumber" | "docType" | "email" | "fullName" | "nationality" | "pep" | "tin"' is more narrow than the original type.
page.tsx:107:15Type '{ label: string; value: string | undefined; onChange: (v: any) => void; disabled: boolean | undefined; error: boolean | undefined; }' is not assignable to type 'IntrinsicAttributes & DatePickerProps' with 'exactOptionalPropertyTypes: true'. Consider adding 'undefined' to the types of the target's properties.
page.tsx:114:15Type '{ label: string; value: string | undefined; onChange: (v: any) => void; disabled: boolean | undefined; error: boolean | undefined; children: Element[]; }' is not assignable to type 'IntrinsicAttributes & SelectProps' with 'exactOptionalPropertyTypes: true'. Consider adding 'undefined' to the types of the target's properties.
page.tsx:129:15Type '{ label: string; value: string | undefined; onChange: (v: any) => void; disabled: boolean | undefined; error: boolean | undefined; children: Element[]; }' is not assignable to type 'IntrinsicAttributes & SelectProps' with 'exactOptionalPropertyTypes: true'. Consider adding 'undefined' to the types of the target's properties.
page.tsx:156:15Type '{ label: string; value: string | undefined; onChange: (v: any) => void; disabled: boolean | undefined; error: boolean | undefined; children: Element[]; }' is not assignable to type 'IntrinsicAttributes & SelectProps' with 'exactOptionalPropertyTypes: true'. Consider adding 'undefined' to the types of the target's properties.
page.tsx:182:15Type '{ label: string; value: "no" | "yes" | undefined; onChange: (v: any) => void; disabled: boolean | undefined; error: boolean | undefined; children: Element[]; }' is not assignable to type 'IntrinsicAttributes & RadioGroupProps' with 'exactOptionalPropertyTypes: true'. Consider adding 'undefined' to the types of the target's properties.
page.tsx:84:16Type '"info"' is not assignable to type '"danger" | "neutral" | "success" | "warning"'.
page.tsx:147:15Type '{ label: string; value: string | undefined; onChange: (v: ChangeEvent<HTMLInputElement, HTMLInputElement>) => void; disabled: boolean | undefined; error: boolean | undefined; }' is not assignable to type 'IntrinsicAttributes & InputProps'.
page.tsx:171:15Type '{ label: string; value: string | undefined; onChange: (v: ChangeEvent<HTMLInputElement, HTMLInputElement>) => void; disabled: boolean | undefined; error: boolean | undefined; }' is not assignable to type 'IntrinsicAttributes & InputProps'.
page.tsx:192:35Not countedType '{ type: "submit"; className: string; children: string; }' is not assignable to type 'IntrinsicAttributes & ButtonProps'.
page.tsx:192:35 · <Button className>`className` on `Button`: a design-system component takes layout props (`marginInlineStart`, `flexGrow`, `width`…) and its own variants, nothing else. Arrange content with `Stack` or `Grid`.