Component

Also create a co-located test file using Vitest + React Testing Library that covers the primary behaviour.

File Naming

• Component: src/components/ComponentName.tsx
• Test: src/components/ComponentName.test.tsx

Review Checklist

TypeScript

• strict: true respected — no any types
• All component props have explicit TypeScript interfaces
• All function parameters and return values are typed
• noImplicitAny and strictNullChecks respected

React

• Hooks only — no class components
• React 18+ patterns used
• Accessible markup — ARIA attributes where appropriate

Tailwind

• No inline styles (style={{...}})
• No CSS module imports (.module.css)
• No other UI libraries (no MUI, Chakra, Radix, etc.)
• All styling via Tailwind classes only

Testing

• Co-located test file present (ComponentName.test.tsx alongside ComponentName.tsx)
• Tests use Vitest + React Testing Library
• Tests cover the primary behaviour of the component

Stack Reminder

• No style={{...}} inline styles — Tailwind classes only
• No any — all props must be typed in an explicit interface
• No class components — hooks only
• Test file: ComponentName.test.tsx in the same directory as ComponentName.tsx