Warning: Each child in a list should have a unique "key" prop

Question

I am getting this error when I upload the files in cloudinary.

  const [images, setImages] = useState([]);

 function showWidget(){
    const widget= window.cloudinary.createUploadWidget(
      {
        cloudName:'djguiefro',
        uploadPreset:'fz1sjhdc',
      },
      (error, result)=>{
        if(!error && result.event ==='success'){
          setImages((prev)=>[...prev,{url:result.info.url, public_id:result.info.public_id}])
        }
        else{
          console.log(error)
        }
      }
    );
    widget.open();
  }`

<Form.Group className='mb-3'>
                  <Button type='button' onClick={showWidget}>Upload Images</Button>
                  <div className='images-preview-container'>
                    {/* 2:11:34 */}
                    {images.map((image)=>(
                      <div className='images-preview'>
                        <img src={image.url}/>

                        {/*add items for removing  {(imgToRemove != image.public_id) this will remove the cross icon once clicked }*/}
                        {imgToRemove !== image.public_id && <i className='fa fa-times-circle' onClick={()=>handleRemoveImg(image)}></i>}
                      </div>
                    ))}
                  </div>
                </Form.Group>`

I tried to fix the error but stuck