Replacing withCredentials in use-tus

withCredentials.ts

import { useTus } from "use-tus"

// withCredentials used to include credentials with use-tus.
// But the documentation to do so isn't totally obvious.
// Discussion: https://github.com/tus/tus-js-client/issues/167#issuecomment-623073224
// Documentation: https://github.com/tus/tus-js-client/blob/14c3634e0ccd45973e90a3e460ca5e749f630107/docs/api.md

const { upload, setUpload } = useTus()

// Before, you could do this:

setUpload(file, {
  withCredentials: true,
  ...
})

// But withCredentials has been removed. Now I do this:

setUpload(file, {
  onBeforeRequest: (req) => {
    const xhr = req.getUnderlyingObject() as XMLHttpRequest
    xhr.withCredentials = true
    xhr.setRequestHeader("X-CSRF-Token", csrfToken) // not relevant to the use case, but possibly useful
  },
  ...
})

// Hope this was useful to someone. :)