A teammate defines a component with a lowercase name and uses it in JSX. Why does <profileCard /> render an empty, unknown element instead of the component's output?
function profileCard() {
return <div>Jordan</div>;
}
// used elsewhere as:
<profileCard />