fix: serialization of recursive stores

packages/qwik/src/core/object/store.ts

@@ -711,7 +711,8 @@ const collectSubscriptions = (subs: SubscriberMap, collector: Collector) => {
   });
 };
 
-const collectQObjects = (obj: any, collector: Collector) => {
+const collectQObjects = (input: any, collector: Collector) => {
+  let obj = input;
   if (obj != null) {
     if (typeof obj === 'object') {
       const target = getProxyTarget(obj);
@@ -740,12 +741,12 @@ const collectQObjects = (obj: any, collector: Collector) => {
 
       if (isArray(obj)) {
         for (let i = 0; i < obj.length; i++) {
-          collectQObjects(obj[i], collector);
+          collectQObjects(input[i], collector);
         }
       } else {
         for (const key in obj) {
           if (Object.prototype.hasOwnProperty.call(obj, key)) {
-            collectQObjects(obj[key], collector);
+            collectQObjects(input[key], collector);
           }
         }
       }

starters/apps/e2e/src/components/render/render.tsx

@@ -1,21 +1,27 @@
 import { component$, useStore, Host } from '@builder.io/qwik';
 
 export const Render = component$(() => {
-  const state = useStore({
-    count: 0,
-  });
-  if (state.count === 3) {
-    return null;
-  }
+  const state = useStore(
+    {
+      counter: {
+        count: 0,
+      },
+    },
+    { recursive: true }
+  );
   return (
     <Host>
       <button
         onClick$={() => {
-          state.count++;
+          state.counter.count++;
         }}
       >
-        Rerender {state.count}
+        <Child counter={state.counter}></Child>
       </button>
     </Host>
   );
 });
+
+export const Child = component$((props: { counter: { count: number } }) => {
+  return <Host>Rerender {props.counter.count}</Host>;
+});

starters/e2e/e2e.spec.ts

@@ -521,4 +521,19 @@ test.describe('e2e', () => {
       await expect(logs).toHaveText(logsStr);
     });
   });
+
+  test.describe('render', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/e2e/render');
+      page.on('pageerror', (err) => expect(err).toEqual(undefined));
+    });
+
+    test('should load', async ({ page }) => {
+      const button = await page.locator('button');
+
+      await expect(button).toHaveText('Rerender 0');
+      await button.click();
+      await expect(button).toHaveText('Rerender 1');
+    });
+  });
 });