Repository: three.js
Issue: Object with MeshPhysicalMaterial contains Transmission artifacts
Labels: Device Issue

### Description

3D Objects with the MeshPhysicalMaterial will display weird artifacts when the transmission property is greater than 0. The object with the transmission property will display this behavior if there is another object near it. 

### Reproduction steps

1. Create 2 objects. One with MeshPhysicalMaterial.transmission = 1 and another object with any material that is non-transparent
2. Place the transparent object in front of the non-transparent object
3. View the scene


### Code

```json
{
	"metadata": {
		"version": 4.5,
		"type": "Object",
		"generator": "Object3D.toJSON"
	},
	"geometries": [
		{
			"uuid": "1d9260df-de9c-4af8-9232-4b6ec6314f26",
			"type": "SphereGeometry",
			"radius": 1,
			"widthSegments": 32,
			"heightSegments": 16,
			"phiStart": 0,
			"phiLength": 6.283185307179586,
			"thetaStart": 0,
			"thetaLength": 3.141592653589793
		},
		{
			"uuid": "8bacaec0-30ee-401d-964e-4696097eb68f",
			"type": "SphereGeometry",
			"radius": 1,
			"widthSegments": 32,
			"heightSegments": 16,
			"phiStart": 0,
			"phiLength": 6.283185307179586,
			"thetaStart": 0,
			"thetaLength": 3.141592653589793
		}],
	"materials": [
		{
			"uuid": "e5ecb275-3e85-4cc1-9ab8-77b942486659",
			"type": "MeshPhysicalMaterial",
			"color": 16711422,
			"roughness": 1,
			"metalness": 0,
			"sheen": 0,
			"sheenColor": 0,
			"sheenRoughness": 1,
			"emissive": 0,
			"specularIntensity": 1,
			"specularColor": 16711422,
			"clearcoat": 0,
			"clearcoatRoughness": 0,
			"iridescence": 0,
			"iridescenceIOR": 1.3,
			"iridescenceThicknessRange": [100,400],
			"envMapIntensity": 1,
			"reflectivity": 0.5,
			"transmission": 0,
			"thickness": 0,
			"attenuationColor": 16711422,
			"depthFunc": 3,
			"depthTest": true,
			"depthWrite": true,
			"colorWrite": true,
			"stencilWrite": false,
			"stencilWriteMask": 255,
			"stencilFunc": 519,
			"stencilRef": 0,
			"stencilFuncMask": 255,
			"stencilFail": 7680,
			"stencilZFail": 7680,
			"stencilZPass": 7680
		},
		{
			"uuid": "6b6b8298-a70d-4cd5-a216-f25cc951d46c",
			"type": "MeshPhysicalMaterial",
			"color": 16711422,
			"roughness": 0,
			"metalness": 0,
			"sheen": 0,
			"sheenColor": 0,
			"sheenRoughness": 1,
			"emissive": 0,
			"specularIntensity": 1,
			"specularColor": 16711422,
			"clearcoat": 0,
			"clearcoatRoughness": 0,
			"iridescence": 0,
			"iridescenceIOR": 1,
			"iridescenceThicknessRange": [100,525],
			"envMapIntensity": 1,
			"reflectivity": 1,
			"transmission": 1,
			"thickness": 0,
			"attenuationColor": 16711422,
			"side": 2,
			"depthFunc": 3,
			"depthTest": true,
			"depthWrite": true,
			"colorWrite": true,
			"stencilWrite": false,
			"stencilWriteMask": 255,
			"stencilFunc": 519,
			"stencilRef": 0,
			"stencilFuncMask": 255,
			"stencilFail": 7680,
			"stencilZFail": 7680,
			"stencilZPass": 7680
		}],
	"object": {
		"uuid": "da1e7c2f-2944-4702-8a4c-5108577e9121",
		"type": "Scene",
		"name": "Scene",
		"layers": 1,
		"matrix": [1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1],
		"children": [
			{
				"uuid": "3fb2a087-2acf-4775-9f7b-ab7deb1b4cfe",
				"type": "AmbientLight",
				"name": "AmbientLight",
				"layers": 1,
				"matrix": [1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1],
				"color": 2236962,
				"intensity": 1
			},
			{
				"uuid": "60f98533-cf91-482a-b263-22a03749b111",
				"type": "DirectionalLight",
				"name": "DirectionalLight",
				"layers": 1,
				"matrix": [1,0,0,0,0,1,0,0,0,0,1,0,5,4.806733588554917,-7.509453729563468,1],
				"color": 16711422,
				"intensity": 4.28,
				"shadow": {
					"camera": {
						"uuid": "5e928680-72cd-4bf1-bdbe-4b6e97694654",
						"type": "OrthographicCamera",
						"layers": 1,
						"zoom": 1,
						"left": -5,
						"right": 5,
						"top": 5,
						"bottom": -5,
						"near": 0.5,
						"far": 500
					}
				}
			},
			{
				"uuid": "ed1284d7-ae31-4e60-ae78-38e0789b5f3c",
				"type": "Mesh",
				"name": "Sphere",
				"layers": 1,
				"matrix": [1,0,0,0,0,1,0,0,0,0,1,0,0,0.24757673260771074,2.753068162431471,1],
				"geometry": "1d9260df-de9c-4af8-9232-4b6ec6314f26",
				"material": "e5ecb275-3e85-4cc1-9ab8-77b942486659"
			},
			{
				"uuid": "60f98533-cf91-482a-b263-22a03749b111",
				"type": "DirectionalLight",
				"name": "DirectionalLight",
				"layers": 1,
				"matrix": [1,0,0,0,0,1,0,0,0,0,1,0,5,4.806733588554917,-7.509453729563468,1],
				"color": 16711422,
				"intensity": 4.28,
				"shadow": {
					"camera": {
						"uuid": "5e928680-72cd-4bf1-bdbe-4b6e97694654",
						"type": "OrthographicCamera",
						"layers": 1,
						"zoom": 1,
						"left": -5,
						"right": 5,
						"top": 5,
						"bottom": -5,
						"near": 0.5,
						"far": 500
					}
				}
			},
			{
				"uuid": "3fb2a087-2acf-4775-9f7b-ab7deb1b4cfe",
				"type": "AmbientLight",
				"name": "AmbientLight",
				"layers": 1,
				"matrix": [1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1],
				"color": 2236962,
				"intensity": 1
			},
			{
				"uuid": "b4d47e2c-146a-477d-9bbb-9bffcbb1f667",
				"type": "Mesh",
				"name": "Sphere",
				"castShadow": true,
				"receiveShadow": true,
				"frustumCulled": false,
				"layers": 1,
				"matrix": [1,0,0,0,0,1,0,0,0,0,1,0,0,2.038185353385512,0,1],
				"geometry": "8bacaec0-30ee-401d-964e-4696097eb68f",
				"material": "6b6b8298-a70d-4cd5-a216-f25cc951d46c"
			}]
	}
}
```

### Live example

Import the code to :
https://threejs.org/editor/


### Screenshots

https://drive.google.com/file/d/19M_DGdep6MKS-HQWbnZTtHvA8hB7fXgq/view?usp=share_link

![image](https://user-images.githubusercontent.com/23479906/224374196-f3cb4c31-2afa-4111-a995-44a3638d5f7b.png)

![image](https://user-images.githubusercontent.com/23479906/224374347-5cce7c10-6669-493b-a9cb-28b2e25c1d95.png)


### Version

r150

### Device

Desktop

### Browser

Chrome

### OS

Windows