1"use client";23import React, { useState, useEffect } from "react";4import data from "./fixture.json";5import { css } from "styled-system/css";6import {7 Select,8 SelectTrigger,9 SelectValue,
Violations
22 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:55:14Type '{ css: { marginTop: number; fontWeight: number; }; children: Element; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'.
page.tsx:64:37Type '{ onSubmit: (e: FormEvent<Element>) => void; css: { maxWidth: number; margin: string; }; children: ("" | Element | null)[]; }' is not assignable to type 'DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>'.
page.tsx:67:12Type '{ value: string; onValueChange: Dispatch<SetStateAction<string>>; children: Element[]; }' is not assignable to type 'IntrinsicAttributes & SelectProps'.
page.tsx:90:14Type '{ css: { color: string; marginTop: number; display: string; }; children: string; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>'.
page.tsx:108:19Type '{ css: { color: string; display: string; marginTop: number; }; children: string; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>'.
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.