1"use client";23import data from "./fixture.json";4import { css } from "styled-system/css";56const { account, transactions } = data;78export default function Page() {9 return (10 <section style={css({
Violations
40 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:11:7Type 'string' has no properties in common with type 'Properties<string | number, string & {}>'.
page.tsx:18:11Type 'string' has no properties in common with type 'Properties<string | number, string & {}>'.
page.tsx:20:12Type 'string' has no properties in common with type 'Properties<string | number, string & {}>'.
page.tsx:21:12Type 'string' has no properties in common with type 'Properties<string | number, string & {}>'.
page.tsx:24:12Type 'string' has no properties in common with type 'Properties<string | number, string & {}>'.
page.tsx:28:11Type 'string' has no properties in common with type 'Properties<string | number, string & {}>'.
page.tsx:39:9Type 'string' has no properties in common with type 'Properties<string | number, string & {}>'.
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:1:1The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX.