React dropzone. Add files to state instead of overwriting them

Question

Why can't I use setImages like this. I works like this setImages([...images, acceptedFiles[0]) and like this setImages(acceptedFiles). I don't get what the problem is.

const {getRootProps, getInputProps} = useDropzone({
        noClick:true,
        accept: "image/*",
        onDrop: (acceptedFiles) => {
            acceptedFiles.map((file:any, index:number) => Object.assign(file, {
                preview: URL.createObjectURL(file)
            }))
            setImages([...images, acceptedFiles])
        }
    })

Answer 1

you can use previous state value. e.g, setState((prev) => something);

setImages((images) => [...images, acceptedFiles])

Answer 2

I have no clue, why this isn't working and I am hoping for someone to explain that, but it works with setImages(images.concat(acceptedFiles))