Use a generic component: ```tsx interface ListProps<T> { items: T[]; renderItem: (item: T) => ReactNode; keyExtractor: (item: T) => string; } function List<T,>(props: ListProps<T>): JSX.Element { /* render props.items */ return <>{props.items.map(props.renderItem)}</>; } ``` The generic `<T,>` comma avoids TSX parser ambiguity and preserves the item type.
Scanned 9/5/2026
Install to Claude Code
Skills Directorynpx -y skills add HoangNguyen0403/agent-skills-standard --skill react-typescript --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of React Typescript?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/hoangnguyen0403-react-typescript-5e6b6085)More formats (shields.io, HTML) on the badges page.
Use a generic component:
```tsx
interface ListProps<T> { items: T[]; renderItem: (item: T) => ReactNode; keyExtractor: (item: T) => string; }
function List<T,>(props: ListProps<T>): JSX.Element { /* render props.items */ return <>{props.items.map(props.renderItem)}</>; }
```
The generic `<T,>` comma avoids TSX parser ambiguity and preserves the item type.
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
