Golden Retriever - Unable to re-select the same file after refreshing - "onBeforeFileAdded" error

[oqadiSAK]

Initial checklist

• I understand this is a bug report and questions should be posted in the Community Forum
• I searched issues and couldn’t find anything (or linked relevant results below)

Link to runnable example

https://uppy.io/examples/dashboard/

Steps to reproduce

• Open the Uppy dashboard example with the Golden Retriever plugin enabled: https://uppy.io/examples/dashboard/
• Upload a file.
• Refresh the page while the file is uploading.
• After the refresh (enable Golden Retriever again), the session is restored, so you will notice a "ghost" file remains in the upload queue.
• Click on re-select button.
• Attempt to re-select the same file for upload.

Expected behavior

The user should be able to re-select the same file after a page refresh without encountering errors.

Actual behavior

• Upon trying to re-select the same file, the Uppy dashboard throws the following error:

Error: Cannot add the file because onBeforeFileAdded returned false.
    at Uppy._checkAndUpdateFileState2 (https://rqq2rw.csb.app/node_modules/@uppy/core/lib/Uppy.js:1077:15)
    at Uppy.addFiles (https://rqq2rw.csb.app/node_modules/@uppy/core/lib/Uppy.js:462:181)
    at Dashboard.addFiles (https://rqq2rw.csb.app/node_modules/@uppy/dashboard/lib/Dashboard.js:283:19)
    at Dashboard.handleInputChange (https://rqq2rw.csb.app/node_modules/@uppy/dashboard/lib/Dashboard.js:385:14)
    at AddFiles.onFileInputChange (https://rqq2rw.csb.app/node_modules/@uppy/dashboard/lib/components/AddFiles.js:24:18)
    at HTMLInputElement.T (https://rqq2rw.csb.app/node_modules/preact/dist/preact.module.js:217:10)

NOTE: When you cancel the restored session and try to re-select the file, the uploading consumes from where it left off.

[arturi]

@Murderlon do you think it could have something to do with the way you refactored onBeforeFileAdded?

[ShanArosh]

I'm also experiencing this. but haven't used onBeforeFileAdded function.

  const BunnyVideo = new Uppy({ id: "bunny-video" })
    .use(Tus, {
      endpoint: import.meta.env.REACT_APP_BUNNY_TUS_ENDPOINT,
      // @ts-ignore
      headers: async (file) => {
        const headers = await api.bunny.bunnyControllerSignUploadUrl({
          classId: cid,
          fileName: file.name,
          fileType: file.type,
          publishAt: new Date().toISOString(),
        });
        return  headers;
      },
    })
    .use(Webcam)
    .use(GoldenRetriever);