Uncaught RangeError: Maximum call stack size exceeded when using normalNode with only scene environment

[gnansai]

Description

I get Uncaught RangeError: Maximum call stack size exceeded when assigning NomralMap texture to material using material.normalNode.
This error occurs when I light the scene using only scene.environment.
The error does not occur when I add a directional light in the scene scene.add( new THREE.DirectionalLight( 0xffffff, 0 ) );

Reproduction steps

1.Create mesh with geometry and a MeshStandardNodeMaterial
2.Assign a normal map to MeshStandardNodeMaterial using material.normalNode = normalMap(texture(tex))
3.Add a hdri to scene using scene.background = texture;

Code

const rgbeLoader = new RGBELoader();
 		rgbeLoader.load(
        'https://cdn.jsdelivr.net/gh/mrdoob/three.js@r171/examples/textures/equirectangular/royal_esplanade_1k.hdr', // Replace with your HDR URL
        (texture) => {
            texture.mapping = THREE.EquirectangularReflectionMapping;
            scene.background = texture;
           	scene.environment = texture;
        }
    );
    
    // geometry
    const geometry = new THREE.BoxGeometry( 5, 5, 5);
    
    // material
    const material = new THREE.MeshStandardNodeMaterial( {
    
    } );
    
    let tex = new THREE.TextureLoader().load("https://i.postimg.cc/Fz4NsfDg/Bricks097-1-K-JPG-Normal-GL-result.jpg")
    material.normalNode = normalMap(texture(tex));
    // mesh
    mesh = new THREE.Mesh( geometry, material );
    scene.add( mesh );

Live example

• js fiddleUncaught RangeError: Maximum call stack size exceeded - only scene background
• js fiddle no error - scene background and directional light

Screenshots

Version

r172

Device

Desktop

Browser

Chrome

OS

Windows

[Mugen87]

This also happens in the more general case when using envNode and normalMapNode at the same time: https://jsfiddle.net/23mdztra/