Unable to set Authorization headers for HLS

[lfuelling]

I have a stream that requires Auhtorization headers and had this code which worked until recently:

player.tech().vhs.xhr.onRequest((opts) => {
      if (!opts.headers) {
        opts.headers = {};
      }
      opts.headers["Authorization"] = localStorage.getItem("token");
    });

I am sure that this worked with v8.19.1 before, but since at least a few days, I get this error:

Uncaught TypeError: Cannot read properties of undefined (reading 'headers')

When I look at the types, it seems like this property never existed:

onRequest?: (args: ServeOnRequestArgs) => void

export interface ServeOnRequestArgs {
  remoteAddress: string
  method: string
  path: string
  status: number
  /** The time to generate the response, not to send it */
  timeInMS: number
}

What's the proper way to set authorization headers for HLS now?

[welcome]

👋 Thanks for opening your first issue here! 👋

If you're reporting a 🐞 bug, please make sure you include steps to reproduce it. We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.
To help make it easier for us to investigate your issue, please follow the contributing guidelines.