fix(core): set check when resolve pierced props

Author: Chau

apps/examples/src/app/soba/skydiving/skydiver.ts

@@ -140,9 +140,8 @@ export class Skydiver {
 
 		beforeRender(({ clock }) => {
 			const skydiver = this.gltf.value()?.nodes?.skydiver_2;
-			if (skydiver?.material.uniforms?.['uTime']) {
-				skydiver.material.uniforms['uTime'].value = clock.elapsedTime;
-			}
+			const timeUniform = skydiver?.material.uniforms?.['uTime'];
+			if (timeUniform) timeUniform.value = clock.elapsedTime;
 		});
 	}
 }

libs/core/src/lib/utils/apply-props.ts

@@ -40,14 +40,20 @@ export function resolveInstanceKey(instance: any, key: string): { root: any; tar
 	if (!key.includes('.')) return { root: instance, targetKey: key, targetProp };
 
 	// Resolve pierced target
-	const chain = key.split('.');
-	targetProp = chain.reduce((acc, part) => acc[part], instance);
-	const targetKey = chain.pop()!;
-
-	// Switch root if atomic
-	if (!targetProp?.set) instance = chain.reduce((acc, part) => acc[part], instance);
-
-	return { root: instance, targetKey, targetProp };
+	targetProp = instance;
+	for (const part of key.split('.')) {
+		key = part;
+		instance = targetProp;
+		targetProp = targetProp[key];
+	}
+	// const chain = key.split('.');
+	// targetProp = chain.reduce((acc, part) => acc[part], instance);
+	// const targetKey = chain.pop()!;
+	//
+	// // Switch root if atomic
+	// if (!targetProp?.set) instance = chain.reduce((acc, part) => acc[part], instance);
+
+	return { root: instance, targetKey: key, targetProp };
 }
 
 // This function applies a set of changes to the instance