Upload images with livewire and filepond

Hey, guys what's seems to be wrong. When the image uploaded successfully the image disappears automatically, and I'm using Image Preview plugin from filepond

here is my code

                <div
                    wire:ignore
                    class="m-3 border-dashed border-2"
                    x-data="{
                        initFilepond () {
                            const pond = FilePond.create(this.$refs.filepond, {
                                onprocessfile: (error, file) => {
                                    pond.removeFile(file.id)
                                },
                                allowRevert: false,
                                server: {
                                    process: (fieldName, file, metadata, load, error, progress, abort, transfer, options) => {
                                        @this.upload('photo', file, load, error, progress)
                                    }
                                }
                            })
                        }
                    }"
                    x-init="initFilepond"
                >
                    <div>
                        <input type="file" x-ref="filepond">
                    </div>

Any help I'll be appreciated.