Intenté mostrar la imagen de JSON api y luego mostrarla en la página, lo hice con éxito, pero por alguna razón, cuando voy a la página, aparece este error.
Property 'id' does not exist on type 'never'. Property 'url' does not exist on type 'never'. Property 'title' does not exist on type 'never'.aquí está el código
const App = () => { const [images, setImages] = useState([]); useEffect(() => { fetch('https://api.thecatapi.com/v1/images/search?breed_id=abys') .then(res => res.json()) .then(json => setImages(json)) .catch(err => console.log(err)); } , []); return ( <Fragment> <div className="App"> <h1>Image Gallery</h1> <div className="image-container"> {images.map(image => ( <Image key={image.id} image={image.url} alt={image.title} /> ))} </div> </div> </Fragment> ); }No ha declarado un tipo de image en su useState
const [images, setImages] = useState([]); por lo que se considera como tipo never .
Lo que debe hacer es agregar una interfaz, por ejemplo, IImage y luego declararla en su useState
export default interface IImage { id: number url: string title: string } const [images, setImages] = useState<IImage[]>([]);