Error "JSX element type '...' does not have any construct or call signatures" en TypeScript y React

¡Hola a todos! Soy nuevo en TypeScript y React, y llevo varias horas luchando con un error. Estoy escribiendo un componente simple que debe renderizar una lista de usuarios, pero TypeScript se queja. Aquí está mi código: ```tsx // UserList.tsx import React from 'react'; interface User { id: number; name: string; } const UserItem: React.FC = ({ name }) => { return

{name}

; }; // Componente que recibe un array de usuarios function UserList({ users }: { users: User[] }) { return (

{users.map(user => ( ))}

); } export default UserList; ``` Pero cuando intento usar este componente en App.tsx, TypeScript muestra el error: ``` JSX element type 'UserItem' does not have any co