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

Hi everyone! I'm new to TypeScript and React, and I've been struggling with an error for several hours. I'm writing a simple component that should render a list of users, but TypeScript is complaining. Here's my code: ```tsx // UserList.tsx import React from 'react'; interface User { id: number; name: string; } const UserItem: React.FC = ({ name }) => { return

{name}

; }; // Component that takes an array of users function UserList({ users }: { users: User[] }) { return (

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

); } export default UserList; ``` But when I try to use this component in App.tsx, TypeScript throws an error: ``` JSX element type 'UserItem' does not have any co ```