react-developmentlisted

# React Development Implement the requested React behavior within the project's architecture. For review requests, report concrete correctness issues and supported performance findings; edit only when the request includes implementation or fixes. ## Establish the local contract - Inspect the relevant components and callers, installed React and framework versions, routing and data APIs, and existing checks. Identify whether the affected code runs on the server, client, or both, and whether React Compiler is configured for it. - Preserve the existing visual design, component APIs, styling system, and state and data libraries unless the task requires changing them. For new apps, follow the user's chosen stack and project conventions. - Consult the relevant official React or framework documentation when changing an API contract or using unfamiliar behavior. Match the installed version. Use newer APIs when they solve the problem, without making a framework, React version, or compiler migration part of an unrelated task. ## Components and state - Follow the [Rules of React](https://react.dev/reference/rules): keep rendering pure, treat props and state as immutable, and obey the calling rules for the hooks in use. Fix the cause of hook lint errors instead of suppressing them to make a change pass. - Keep each piece of state with its consumers or their nearest shared owner. Reuse router state, server data caches, and store selectors where they already own the val