Replace RGBELoader with HDRLoader to fix deprecation warning (#5139)

Author: diegoteran

packages/model-viewer/src/three-components/TextureUtils.ts

@@ -15,7 +15,7 @@
 
 import {GainMapDecoderMaterial, HDRJPGLoader, QuadRenderer} from '@monogrid/gainmap-js';
 import {BackSide, BoxGeometry, CubeCamera, CubeTexture, DataTexture, EquirectangularReflectionMapping, HalfFloatType, LinearSRGBColorSpace, Loader, Mesh, NoBlending, NoToneMapping, RGBAFormat, Scene, ShaderMaterial, SRGBColorSpace, Texture, TextureLoader, Vector3, WebGLCubeRenderTarget, WebGLRenderer} from 'three';
-import {RGBELoader} from 'three/examples/jsm/loaders/RGBELoader.js';
+import {HDRLoader} from 'three/examples/jsm/loaders/HDRLoader.js';
 
 import {deserializeUrl, timePasses} from '../utilities.js';
 
@@ -38,7 +38,7 @@ export default class TextureUtils {
 
   private _ldrLoader: TextureLoader|null = null;
   private _imageLoader: HDRJPGLoader|null = null;
-  private _hdrLoader: RGBELoader|null = null;
+  private _hdrLoader: HDRLoader|null = null;
   private _lottieLoader: Loader|null = null;
 
   private generatedEnvironmentMap: Promise<CubeTexture>|null = null;
@@ -68,9 +68,9 @@ export default class TextureUtils {
     return this._imageLoader;
   }
 
-  private hdrLoader(withCredentials: boolean): RGBELoader {
+  private hdrLoader(withCredentials: boolean): HDRLoader {
     if (this._hdrLoader == null) {
-      this._hdrLoader = new RGBELoader();
+      this._hdrLoader = new HDRLoader();
       this._hdrLoader.setDataType(HalfFloatType);
     }
     this._hdrLoader.setWithCredentials(withCredentials);