1"use client";23import React from "react";4import { SegmentGroup } from "@vektos/ds";5import {6 Table,7 TableHead,8 TableBody,9 TableRow, TableHeader,
Violations
6 counted, under 5 rules. “Not counted” marks a compiler error that restates a design-system violation, “Ignored” one the agent silenced with a comment.
page.tsx:66:12Type 'number' is not assignable to type 'ConditionalValue<SpacingValue>'.
page.tsx:67:16Not countedType '"2"' is not assignable to type '"lg" | "md" | "sm" | "xl"'.
page.tsx:75:9Type '(value: "all" | "in" | "out") => void' is not assignable to type '(value: string) => void'.
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:67:25 · <Heading marginBottom>`marginBottom` is not a layout prop of `Heading`: 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