1"use client";23import React, { useState, useMemo } from "react";
Violations
34 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:49:15 · 600px`600px` is a raw length. Use a token.
page.tsx:51:14 · 2rem`2rem` is a raw length. Use a token.
page.tsx:55:14 · 0.5rem 0`0.5rem 0` is a raw length. Use a token.
page.tsx:61:15 · 0.8rem`0.8rem` is a raw length. Use a token.
page.tsx:62:17 · 0.5rem`0.5rem` is a raw length. Use a token.
page.tsx:72:35 · 1rem`1rem` is a raw length. Use a token.
page.tsx:76:26 · 0.5rem`0.5rem` is a raw length. Use a token.
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:66:10Type '{ css: string; children: Element[]; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'.
page.tsx:116:11Type '{ css: string; style: { listStyle: "none"; padding: number; }; children: Element[]; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLUListElement>, HTMLUListElement>'.
page.tsx:127:23Type '{ css: string; children: string; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>'.