1"use client";23import React, { useState } from "react";4import { css } from "styled-system/css";56import data from "./fixture.json";78import {9 FormField,10 Select,11 Textarea,
Violations
52 counted, under 13 rules. “Not counted” marks a compiler error that restates a design-system violation, “Ignored” one the agent silenced with a comment.
page.tsx:62:14Type '{ variant: string; css: string; children: Element[]; }' is not assignable to type 'IntrinsicAttributes & AlertProps'.
page.tsx:70:11Type '{ css: string; children: Element; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>'.
page.tsx:71:14Not countedType '{ direction: string; spacing: number; children: Element[]; }' is not assignable to type 'IntrinsicAttributes & StackProps'.
page.tsx:73:16Not countedType '{ direction: string; spacing: number; children: Element[]; }' is not assignable to type 'IntrinsicAttributes & StackProps'.
page.tsx:77:16Not countedType '{ direction: string; spacing: number; children: Element[]; }' is not assignable to type 'IntrinsicAttributes & StackProps'.
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.
Type '{ css: string; children: (string | Element)[]; }' is not assignable to type 'IntrinsicAttributes & TextProps'.
page.tsx:89:20Type '{ css: string; children: Element; }' is not assignable to type 'IntrinsicAttributes & FormFieldProps'.
page.tsx:95:15Type '{ value: string; onValueChange: Dispatch<SetStateAction<string | null>>; isDisabled: false; children: Element[]; }' is not assignable to type 'IntrinsicAttributes & SelectProps'.
page.tsx:104:18Type '{ css: string; children: string; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>'.
page.tsx:109:20Type '{ css: string; children: Element; }' is not assignable to type 'IntrinsicAttributes & FormFieldProps'.
page.tsx:116:15Type '{ value: string; onChange: (e: ChangeEvent<HTMLTextAreaElement, HTMLTextAreaElement>) => void; minLength: number; isDisabled: false; placeholder: string; }' is not assignable to type 'IntrinsicAttributes & TextareaProps'.
page.tsx:120:18Type '{ css: string; children: string; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>'.
page.tsx:125:20Type '{ css: string; children: Element; }' is not assignable to type 'IntrinsicAttributes & FormFieldProps'.
page.tsx:137:18Type '{ css: string; children: string; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>'.
page.tsx:142:31Type '{ type: "submit"; css: string; disabled: false; children: string; }' is not assignable to type 'IntrinsicAttributes & ButtonProps'.
page.tsx:71:14 · <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:73:16 · <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:77:16 · <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`…).