Environment not visble for MeshPhongMaterial

Hi,

I’m trying to add an environment to my scene using THREE.RGBELoader and HDR images. Even though the environment is added to the scene it is not visible. This only occurs with MeshPhongMaterial. its working fine for MeshStandardMaterial

MeshStandardMaterial :
image

MeshPhongMaterial :
image

Here is the code I use to add the environment:

RGBELoader.load("MR_INT-001_NaturalStudio_NAD.hdr",
      function (texture) {
           texture.mapping = THREE.EquirectangularReflectionMapping;
           scene.environment = texture
      }, 
      undefined, 
      function (error) {
           buttonBussy(false);
           console.error(error);
           }
);

Is there any other way to add environment to MeshPhongMaterial

Thanks,
Binoy

Can anyone tell me how reflection in envMap is added in this example Three.js Material Browser ?

For basic, lambert and phong: folder.add( data, 'envMaps', envMapKeys ).onChange( updateTexture( material, 'envMap', envMaps ) );

Shortly: it uses .envMap material’s property.

I did try to add the texture to material.envMap but no change was found. Also tried increasing reflectivity.