Custom react-player that supports XHR Headers

react-player.jsx

 <ReactPlayer
                  url={`/bin.oms/${videoId}`}
                  config={{
                    file: {
                      hlsOptions: {
                        forceHLS: true,
                        debug: false,
                        xhrSetup: function (xhr, url) {
                          xhr.withCredentials = true; // do send cookies
                          xhr.setRequestHeader(
                            "Authorization",
                            `Basic ${getBasicToken()}`
                          );
                        },
                      },
                    },
                  }}
                  muted={true}
                  controls={true}
                  width="100%"
                  height="100%"
                  style={{
                    background: "#191F27",
                  }}
                />