Можно ли установить пользовательские заголовки с помощью Hls.js, используя Reactjs?

Question

NPM: https://npmjs.com/package/react-hls

Я работаю над веб-сайтом для потоковой передачи видео m3u8 с использованием hlsjs, и для некоторых ссылок требуется специальный пользовательский агент, который я должен установить самостоятельно в запросе.

Библиотека предлагает атрибут hlsConfig в качестве prop in реагирует, но я везде искал это и не нашел примера того, как его использовать.

Вот мой компонент игрока, который я использую в React.

import React, { PureComponent } from "react";
import ReactHLS from "react-hls";

class Player extends PureComponent {
  render() {
  const { url, width, height } = this.props;
  return (
      <ReactHLS
        autoplay
        width={width}
        height={height}
        url={url}
      />
    );
  }
}

export default Player;