fix(react/runtime): fix error in suspense (#1569)

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

* **Bug Fixes**
* Resolved a crash (“Cannot read properties of undefined”) in certain
Suspense rendering/hydration scenarios, improving stability.
* Ensures correct fallback display and final content after hydration in
flows without an initial hydrate.

* **Chores**
* Applied a patch-level dependency update and added a changeset entry
for release tracking.

* **Tests**
* Added a test validating Suspense behavior without initial hydrate,
covering fallback-to-content transition and hydration-driven updates.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

## Checklist

<!--- Check and mark with an "x" -->

- [x] Tests updated (or not required).
- [ ] Documentation updated (or not required).
- [ ] Changeset added, and when a BREAKING CHANGE occurs, it needs to be
clearly marked (or not required).

Author: Yradex

.changeset/rotten-queens-drum.md

@@ -0,0 +1,5 @@
+---
+"@lynx-js/react": patch
+---
+
+fix: `Cannot read properties of undefined` error when using `Suspense`

packages/react/runtime/__test__/lynx/suspense.test.jsx

@@ -1693,4 +1693,71 @@ describe('suspense', () => {
       vi.runAllTimers();
     }
   });
+
+  it('should render fallback and content correctly without hydrate', async () => {
+    const { Suspender, suspended } = createSuspender();
+
+    function Comp() {
+      return (
+        <Suspense fallback={<text>loading</text>}>
+          <Suspender>
+            <text>foo</text>
+          </Suspender>
+        </Suspense>
+      );
+    }
+
+    // background render
+    {
+      globalEnvManager.switchToBackground();
+      render(<Comp />, __root);
+    }
+
+    // render children
+    {
+      suspended.resolve();
+      lynx.getNativeApp().callLepusMethod.mockClear();
+      await Promise.resolve().then(() => {});
+    }
+
+    // first screen
+    {
+      globalEnvManager.switchToMainThread();
+      __root.__jsx = <Comp />;
+      renderPage();
+    }
+
+    // hydrate
+    {
+      // LifecycleConstant.firstScreen
+      globalEnvManager.switchToBackground();
+      lynxCoreInject.tt.OnLifecycleEvent(...globalThis.__OnLifecycleEvent.mock.calls[0]);
+      expect(lynx.getNativeApp().callLepusMethod).toBeCalledTimes(1);
+
+      // rLynxChange
+      globalEnvManager.switchToMainThread();
+      globalThis.__OnLifecycleEvent.mockClear();
+      const rLynxChange = lynx.getNativeApp().callLepusMethod.mock.calls[0];
+      globalThis[rLynxChange[0]](rLynxChange[1]);
+      expect(globalThis.__OnLifecycleEvent).not.toBeCalled();
+      expect(__root.__element_root).toMatchInlineSnapshot(`
+        <page
+          cssId="default-entry-from-native:0"
+        >
+          <wrapper>
+            <text>
+              <raw-text
+                text="foo"
+              />
+            </text>
+          </wrapper>
+        </page>
+      `);
+
+      // rLynxChange callback
+      globalEnvManager.switchToBackground();
+      rLynxChange[2]();
+      vi.runAllTimers();
+    }
+  });
 });

packages/react/runtime/src/backgroundSnapshot.ts

@@ -510,7 +510,7 @@ export function hydrate(
 function reconstructInstanceTree(afters: BackgroundSnapshotInstance[], parentId: number, targetId?: number): void {
   for (const child of afters) {
     const id = child.__id;
-    __globalSnapshotPatch!.push(SnapshotOperation.CreateElement, child.type, id);
+    __globalSnapshotPatch?.push(SnapshotOperation.CreateElement, child.type, id);
     const values = child.__values;
     if (values) {
       child.__values = undefined;
@@ -521,6 +521,6 @@ function reconstructInstanceTree(afters: BackgroundSnapshotInstance[], parentId:
       child.setAttribute(key, extraProps[key]);
     }
     reconstructInstanceTree(child.childNodes, id);
-    __globalSnapshotPatch!.push(SnapshotOperation.InsertBefore, parentId, id, targetId);
+    __globalSnapshotPatch?.push(SnapshotOperation.InsertBefore, parentId, id, targetId);
   }
 }