1"use client";23import React, { useState } from "react";4import data from "./fixture.json";56import {7 FormField,8 Input,9 Select,10 Button,11 Stack,
Violations
17 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:67:15Not countedType '{ className: string; children: string; }' is not assignable to type 'IntrinsicAttributes & TextProps'.
page.tsx:77:14Type 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
page.tsx:85:11Type '{ name: string; label: string; error: string | undefined; children: Element; }' is not assignable to type 'IntrinsicAttributes & FormFieldProps'.
page.tsx:99:11Type '{ name: string; label: string; error: string | undefined; children: Element; }' is not assignable to type 'IntrinsicAttributes & FormFieldProps'.
page.tsx:114:11Type '{ name: string; label: string; error: string | undefined; children: Element; }' is not assignable to type 'IntrinsicAttributes & FormFieldProps'.
page.tsx:129:11Type '{ name: string; label: string; error: string | undefined; children: Element; }' is not assignable to type 'IntrinsicAttributes & FormFieldProps'.
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.
Step
Tools
Tokens in
Tokens out
Cost
0
list_files
1,407
40
$0.0000
1
read_file
1,467
36
$0.0000
2
list_components
1,770
144
$0.0000
3
Design system
cdb5d9e77633
Output cap
The provider's default
12 Text,
13 Checkbox,
14 DatePicker,
15} from "@vektos/ds";
16
17export default function IdentityVerificationPage() {
page.tsx:142:11Type '{ name: string; label: string; error: string | undefined; children: Element; }' is not assignable to type 'IntrinsicAttributes & FormFieldProps'.
page.tsx:157:11Type '{ name: string; label: string; error: string | undefined; children: Element; }' is not assignable to type 'IntrinsicAttributes & FormFieldProps'.
page.tsx:170:11Type '{ name: string; label: string; error: any; children: (string | Element)[]; }' is not assignable to type 'IntrinsicAttributes & FormFieldProps'.
page.tsx:188:31Not countedType '{ type: "submit"; className: string; children: string; }' is not assignable to type 'IntrinsicAttributes & ButtonProps'.
page.tsx:67:15 · <Text className>`className` on `Text`: a design-system component takes layout props (`marginInlineStart`, `flexGrow`, `width`…) and its own variants, nothing else. Arrange content with `Stack` or `Grid`.
page.tsx:188:31 · <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`.
page.tsx:174:12Property 'children' is missing in type '{ name: string; checked: boolean; onCheckedChange: (checked: boolean) => void; }' but required in type 'CheckboxProps'.
page.tsx:180:12Property 'children' is missing in type '{ name: string; checked: boolean; onCheckedChange: (checked: boolean) => void; }' but required in type 'CheckboxProps'.