Use an explicit interface and `PropsWithChildren` or `ReactNode`: ```tsx interface Props { className?: string; children: React.ReactNode; } function Panel({ className, children }: Props): JSX.Element { return <div className={className}>{children}</div>; } ``` Avoid `React.FC`; use `ComponentPropsWithoutRef<'div'>` when extending native div props.
Installs into .claude/skills of the current project.
Are you the author of React Typescript?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/hoangnguyen0403-react-typescript-agent-skills-standard)
Use an explicit interface and `PropsWithChildren` or `ReactNode`:
```tsx
interface Props { className?: string; children: React.ReactNode; }
function Panel({ className, children }: Props): JSX.Element { return <div className={className}>{children}</div>; }
```
Avoid `React.FC`; use `ComponentPropsWithoutRef<'div'>` when extending native div props.
