1"use client";23import data from "./fixture.json";45import {6 Heading,7 Stack,8 DataList,9 FormatNumber,10 Table,
Violations
10 counted, under 4 rules. “Not counted” marks a compiler error that restates a design-system violation, “Ignored” one the agent silenced with a comment.
page.tsx:37:12Type 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
page.tsx:39:14Type 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
page.tsx:40:18Type '"2"' is not assignable to type '"lg" | "md" | "sm" | "xl"'.
page.tsx:41:39Not countedType 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
page.tsx:48:16Type '"3"' is not assignable to type '"lg" | "md" | "sm" | "xl"'.
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:41: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:1:1Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
Check the render method of `Heading