[pull] main from lynx-family:main

.changeset/fix-spread-undefined-ref.md

@@ -0,0 +1,5 @@
+---
+"@lynx-js/react": patch
+---
+
+fix: avoid crash when spread undefined ref

packages/react/runtime/src/backgroundSnapshot.ts

@@ -198,7 +198,7 @@ export class BackgroundSnapshotInstance {
             v.__snapshot_def.refAndSpreadIndexes?.forEach((i) => {
               const value = v.__values![i] as unknown;
               if (value && (typeof value === 'object' || typeof value === 'function')) {
-                if ('__spread' in value && 'ref' in value) {
+                if ('__spread' in value && 'ref' in value && value.ref) {
                   applyRef(value.ref as Ref, null);
                 } else if ('__ref' in value) {
                   applyRef(value as Ref, null);

packages/react/testing-library/src/__tests__/ref.test.jsx

@@ -460,4 +460,26 @@ describe('element ref', () => {
     expect(lynx.getNativeApp().callLepusMethod).toBeCalledTimes(2);
     vi.resetAllMocks();
   });
+
+  it('spread undefined ref should work', () => {
+    let setProps, setShowChild;
+    const Child = () => {
+      const [props, _setProps] = useState({ ref: undefined });
+      setProps = _setProps;
+
+      return <view {...props} />;
+    };
+    const App = () => {
+      let [showChild, _setShowChild] = useState(true);
+      setShowChild = _setShowChild;
+
+      return showChild && <Child />;
+    };
+
+    render(<App />);
+
+    act(() => {
+      setShowChild(false);
+    });
+  });
 });