[🐞] Tabs & Inline components: Only primitive and object literals can be serialized

[thejackshelton]

Which package is affected?

Headless Kit

Describe the bug

When putting items inside the tabs, we get an error from Qwik that only primitive and object literals can be serialized.

The reproduction below, is putting a simple icon in the tabs, and it breaks.

This is caused by the Icon being an inline component, if we wrap it in component$ it works fine.

Reproduction

https://github.com/thejackshelton/tabs-repro

Steps to reproduce

pnpm i pnpm dev open dev server

System Info

System:
    OS: macOS 14.5
    CPU: (8) arm64 Apple M3
    Memory: 196.84 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.12.2 - /usr/local/bin/node
    npm: 10.5.0 - /usr/local/bin/npm
    pnpm: 9.5.0 - /usr/local/bin/pnpm
    bun: 1.1.7 - ~/.bun/bin/bun
  Browsers:
    Brave Browser: 125.1.66.118
    Chrome: 126.0.6478.183
    Safari: 17.5
  npmPackages:
    @builder.io/qwik: ^1.7.1 => 1.7.1 
    @builder.io/qwik-city: ^1.7.1 => 1.7.1 
    @qwik-ui/headless: ^0.5.0 => 0.5.0 
    typescript: 5.4.5 => 5.4.5 
    undici: * => 6.19.4 
    vite: ^5.2.10 => 5.3.4

Additional Information

No response