Unable to load HDR from URL

HI, I have been using threejs with angular and I am having a few .hdr files that I would like to load into RGBEloader, funny thing is that if I put the HDR files in the assets folder everything work fine but if I use an url (e.g. HDR host on firebase storage ) the background would be grey and no env lighting would be loaded. Any help would appreciated~!

this.ENV_FILE = 'assets/hdri/example.hdr' // works
// this.ENV_FILE = 'https://storage.googleapis.com/studio-c4f49.appspot.com/...example.hdr' // doesn't works

new RGBELoader().load( this.ENV_FILE,  ( texture ) => {
      console.log('HDR loaded');

      texture.mapping = THREE.EquirectangularReflectionMapping;

      this.hdrCubeRenderTarget = pmremGenerator.fromEquirectangular( texture );
      this.hdrBackground = texture;

    } );

Can your check the console for warnings/errors and see if there are any access issues related to CORS or similar?