Image: No overload matches this call.

[iantrudell]

Describe the bug

When I typecheck my code, I get a type error in the new PrimeReact 9.3.0. It looks like there are 5 new required properties (I think they should be optional with default fallbacks?)

No overload matches this call.
  Overload 1 of 2, '(props: ImageProps | Readonly<ImageProps>): Image', gave the following error.
    Type '{ src: string; width: string; preview: true; downloadIcon: true; rotateRightIcon: true; rotateLeftIcon: true; zoomOutIcon: true; }' is missing the following properties from type 'Readonly<ImageProps>': zoomInIcon, closeIcon
  Overload 2 of 2, '(props: ImageProps, context: any): Image', gave the following error.
    Type '{ src: string; width: string; preview: true; downloadIcon: true; rotateRightIcon: true; rotateLeftIcon: true; zoomOutIcon: true; }' is missing the following properties from type 'Readonly<ImageProps>': zoomInIcon, closeIconts(2769)

Reproducer

https://stackblitz.com/edit/react-rx4x7u?file=src%2FApp.tsx

PrimeReact version

9.3.0

React version

18.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

Chrome 111.0.5563.149

Steps to reproduce the behavior

Use an Image component with the defaults listed in the docs:

import React from 'react'; 
import { Image } from 'primereact/image';

export default function PreviewDemo() {
    return (
        <div className="card flex justify-content-center">
            <Image src="https://primefaces.org/cdn/primereact/images/galleria/galleria10.jpg" alt="Image" width="250" preview />
        </div>
    )
}

Expected behavior

5 icon props should be optional and have default fallbacks

[melloware]

Will review and fix thanks for reporting.