Qwik setup failing next to react

[Britnell]

hey, this is qwik in astro alongside react too, and vercel. the most basic components are working any more, so probably problem is with config / compiler setup

• repo is here : https://github.com/Britnell/astro-gym
• ts config is setup for react :

  {
  "extends": "astro/tsconfigs/strict",
  "compilerOptions": {
  "jsx": "react-jsx",
  "jsxImportSource": "react"
  }
  }

• in qwik file i use /** @jsxImportSource @builder.io/qwik */
• astro config setup for both frameworks in separate subfolders ..

  integrations: [
  qwikdev({
    include: ["src/qwik/*"],
  }),
  react({
    include: ["src/react/*"],
  }),

• error is on /qwik/counter.astro - the Qwik demo of a simple counter, useSignal + $(()=>...)
• https://github.com/Britnell/astro-gym/blob/main/src/qwik/qwik.tsx
• the error on the page when run dev is about QRL [ERROR] Optimizer should replace all usages of $() with some special syntax. If you need to create a QRL manually, use inlinedQrl() instead.
• interestingly the error on run build is Objects are not valid as a React child (found: object with keys {type, props, immutableProps, children, flags, key}). If you meant to render a collection of children, use an array instead.
• I have upgraded qwik & astro/qwik packages but no difference ...
• any suggestions of what else to try would be very welcome

stackblitz here if that helps https://stackblitz.com/~/github.com/Britnell/astro-gym

[thejackshelton]

Hey @Britnell! Looking over this real quick as I'm pushing stuff out the door with Qwik UI. It looks like you need to change the astro config to:

    qwikdev({
      include: ["**/qwik/*"],
    }),

It does not seem to be finding the correct file path for vite to process the qwik files.

[Britnell]

ahh you're right, that works! it didn't recognise the path somehow, would be nice to have more specific / relative paths. thank you very much!