Improve Attribute Resolution Logic for Non-Three.js Properties

packages/fiber/src/core/utils.tsx

@@ -258,9 +258,16 @@ export function resolve(root: any, key: string): { root: any; key: string; targe
   let target: unknown = root[key]
   if (!key.includes('-')) return { root, key, target }
 
+  const chain = key.split('-')
+
+  // If the first part of the chain is not a property of the root, there is no need to continue processing the remaining chained queries.
+  if (!root.hasOwnProperty(chain[0])) {
+    return { root, key, target }
+  }
+
   // Resolve pierced target
   target = root
-  for (const part of key.split('-')) {
+  for (const part of chain) {
     key = part
     root = target
     target = (target as any)?.[key]

packages/fiber/tests/utils.test.ts

@@ -205,6 +205,15 @@ describe('resolve', () => {
     expect(key).toBe('bar')
     expect(target).toBe(root[key])
   })
+
+  it ('should return the original root and key when the first part of the chain is not a property of the root', () => {
+    const object = { foo: { bar: 1 } }
+    const { root, key, target } = resolve(object, 'foo2-bar')
+
+    expect(root).toBe(object)
+    expect(key).toBe('foo2-bar')
+    expect(target).toBe(undefined)
+  })
 })
 
 describe('attach / detach', () => {