SOLID React article, code snippet 4: UserAvatar component - BAD

solid_react-004-UserAvatarBad.tsx

import Image, { type ImageProps } from 'next/image';

import { type User } from './types';

interface UserAvatarProps extends ImageProps {
  user: User;
}

export const UserAvatar: React.FunctionComponent<UserAvatarProps> = ({
  user,
  ...props
}) => {
  return <Image {...props} src={user.imageUrl} alt={user.name} />;
};