builder icon indicating copy to clipboard operation
builder copied to clipboard

@builder-io/sdk-qwik doesn't hydrate qwikified islands

Open BleedingDev opened this issue 2 years ago • 4 comments

Describe the bug In serve I get an error and then the components do not hydrate, no matter the strategy. It is broken even in production mode. image

Deployed app URLs Here is Builder.io managed page: https://web-8cx.pages.dev/builder/demo/ Here is the normal page with the working dialog: https://web-8cx.pages.dev/

To Reproduce Steps to reproduce the behaviour:

  1. Open the normal page.
  2. Click the Open button next to the ⚡️.
  3. Dialog opens (hydration is on hover).
  4. Open the Builder.io page.
  5. Click the Open Dialog button.
  6. Nothing happens.

Expected behaviour Qwikified components hydrate well in Builder.io pages.

Screenshots If applicable, add screenshots to help explain your problem.

BleedingDev avatar Jun 11 '23 20:06 BleedingDev

More info is being discussed on Discord: https://discord.com/channels/842438759945601056/1117437809263919154

BleedingDev avatar Jun 12 '23 17:06 BleedingDev

hi! can you provide a minimal repo case that reproduces this issue? ideally just one component in a single route, minimal amount of dependencies.

manucorporat avatar Jun 15 '23 15:06 manucorporat

On it, gonna provide it today or tomorrow. :)

BleedingDev avatar Jun 20 '23 15:06 BleedingDev

So here is the minimal repository (only one component): https://github.com/pegak/qwikify-demo

There is still monorepo setup because it is as close as possible to the real case.

Here is deployed Qwik + Cloudflare app (doesn't work): https://drp.li/k3B4P

Here is deployed Next.js + Vercel app (works): https://drp.li/vZeyh

BleedingDev avatar Jun 22 '23 17:06 BleedingDev