Unable set request headers

[NivinCNC]

Current Behavior:

Refused to set unsafe header "Referer"

Expected Behavior:

Need to set custom header

Steps To Reproduce:

function onProviderChange(
  provider,
) {
  if (isHLSProvider(provider)) {
    provider.config = {
      xhrSetup(xhr) {
        xhr.setRequestHeader('Referer', `https://embedwish.com/`);
      },
    };
  }
}

 <MediaPlayer
        onProviderChange={onProviderChange}
        ref={playerRef}
        title={(movieInfo?.title || movieInfo?.name)?.length > 20 ? `${(movieInfo?.title || movieInfo?.name).slice(0, 20)}...` : (movieInfo?.title || movieInfo?.name)}
        viewType='video'
        logLevel='warn'
        autoPlay = {true}
        crossOrigin
        playsInline
        src={`${videoInfo?.server}`}
        onTimeUpdate={throttledSaveProgress}
        onDurationChange={e => setDuration(e)}
      >
        <MediaProvider />
        <DefaultVideoLayout icons={defaultLayoutIcons} />
      </MediaPlayer>

Environment:

• Framework: React
• Meta Framework: Next.js

[Curetix]

You cannot change the Referer header, that is a security measurement enforced by the browser.

[NivinCNC]

Is there any other way to change?