SOLID React article, code snippet 5: UserAvatar component fix

solid_react-005-UserAvatarGood.tsx

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

interface AvatarProps extends ImageProps {
  imageUrl: string;
  altText: string;
}

export const Avatar: React.FunctionComponent<AvatarProps> = ({
  imageUrl,
  altText,
  ...props
}) => {
  return <Image {...props} src={imageUrl} alt={altText} />;
};