search

QwikDev / qwik

Instant-loading web apps, without effort
https://qwik.dev
MIT License
20.71k stars 1.29k forks source link

[🐞] SyntaxError: The requested module `react@18.2.0` does not provide an export named 'renderToString' #6619

Closed wanjohiryan closed 2 months ago

wanjohiryan commented 3 months ago

Which component is affected?

Qwik Runtime

Describe the bug

I am testing out qwik-react with framer-motion and i am having issues. So, i tried creating a new project, integrated react with pnpm qwik add react. Then i am getting this error while trying to move the mui slider on the /react route

QWIK ERROR The requested module '/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/server.browser.js?v=af3b17de' does not provide an export named 'renderToString' SyntaxError: The requested module '/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/server.browser.js?v=af3b17de' does not provide an export named 'renderToString'

Reproduction

none

Steps to reproduce

  1. Create a new project pnpm create qwik@latest.
  2. Add react integration pnpm qwik add react.
  3. Navigate to the created /react route.

System Info

System:
    OS: Linux 5.15 Ubuntu 22.04.3 LTS 22.04.3 LTS (Jammy Jellyfish)
    CPU: (2) x64 Intel(R) Core(TM) i5-8250U CPU @ 1.60GHz
    Memory: 313.61 MB / 5.79 GB
    Container: Yes
    Shell: 5.1.16 - /bin/bash
  Binaries:
    Node: 20.14.0 - ~/.nvm/versions/node/v20.14.0/bin/node
    npm: 10.7.0 - ~/.nvm/versions/node/v20.14.0/bin/npm
    pnpm: 9.4.0 - ~/.local/share/pnpm/pnpm
  npmPackages:
    @builder.io/qwik: ^1.6.0 => 1.6.0
    @builder.io/qwik-city: ^1.6.0 => 1.6.0
    @builder.io/qwik-react: 0.5.0 => 0.5.0
    typescript: 5.4.5 => 5.4.5
    undici: * => 6.19.2
    vite: ^5.2.10 => 5.3.2

Additional Information

No response

wanjohiryan commented 3 months ago

Fun fact: I reverted qwik-city and qwik to ^1.4.5 and it now works.

Even framer-motion works now 😅

Edit: Reverting back to 1.5.7 works okay.

"devDependencies": {
    "@builder.io/qwik": "^1.5.7",
    "@builder.io/qwik-city": "^1.5.7",
    "@builder.io/qwik-react": "0.5.0",
    "@emotion/react": "^11.11.1",
    "@emotion/styled": "^11.11.0",
    "@mui/material": "^5.13.0",
    "@mui/x-data-grid": "^6.4.0",
    "@types/eslint": "^8.56.10",
    "@types/node": "^20.12.7",
    "@types/react": "^18.2.28",
    "@types/react-dom": "^18.2.13",
    "@typescript-eslint/eslint-plugin": "^7.7.1",
    "@typescript-eslint/parser": "^7.7.1",
    "autoprefixer": "^10.4.14",
    "eslint": "^8.57.0",
    "eslint-plugin-qwik": "^1.6.0",
    "postcss": "^8.4.31",
    "prettier": "^3.2.5",
    "prettier-plugin-tailwindcss": "^0.5.4",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "tailwindcss": "3.3.3",
    "typescript": "5.4.5",
    "undici": "*",
    "vite": "^5.2.10",
    "vite-tsconfig-paths": "^4.2.1"
  },
  "dependencies": {
    "framer-motion": "^11.2.12"
  }
wmertens commented 3 months ago

Is the problem with Qwik or qwik city?

Please provide the entire error with stack

fristyr commented 2 months ago

Have the same issue. Downgrading did not helped.

The requested module '/node_modules/react-dom/server.browser.js?v=cf590c50' does not provide an export named 'renderToString' SyntaxError: The requested module '/node_modules/react-dom/server.browser.js?v=cf590c50' does not provide an export named 'renderToString'

Uncaught (in promise) SyntaxError: The requested module '/node_modules/react-dom/server.browser.js?v=cf590c50' does not provide an export named 'renderToString'

berli888 commented 2 months ago

Here are some logs when the problem occurs :

Capture d’écran 2024-07-09 à 18 01 23 image Capture d’écran 2024-07-09 à 18 08 59
wmertens commented 2 months ago

fixed in #6629, I'll release a new version shortly

wmertens commented 2 months ago

@builder.io/qwik-react@0.5.5

wmertens commented 2 months ago

I'll close this, please comment if it still doesn't work.

fristyr commented 2 months ago

@wmertens Not sure if it's related to this ticket, because the error is different but it's still not working. I can create a new ticket if it's not related

image image
wmertens commented 2 months ago

@fristyr are you also on Qwik 1.7.0? Are there any other messages on console? Reloading doesn't help?

fristyr commented 2 months ago

Correct, qwik 1.7.0 and qwik-react 0.5. No more logs, besides 2 screenshots above. It's happening when I hover the react component. export const QCounter = qwikify$(Counter, { eagerness: 'hover' });

image
wmertens commented 2 months ago

@fristyr can you pass debug: true to the qwikVite plugin and paste here the lines that are added in the server when you hover in the client?

fristyr commented 2 months ago

@wmertens Sure! Cold start -> hover the counter

Failed to fetch dynamically imported module: http://localhost:5173/node_modules/@builder.io/qwik-react/lib/usewakeupsignal_activate_6lyztwgzxaa.js?_qrl_parent=index.qwik.mjs

[QWIK PLUGIN: 803] resolveId(102) Start /node_modules/@builder.io/qwik-react/lib/usewakeupsignal_activate_6lyztwgzxaa.js?_qrl_parent=index.qwik.mjs {
  from: '/Users/user/Documents/testing/qwik-react/index.html',
  for: 'client'
}
[QWIK PLUGIN: 803] resolveId(102) Resolved /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/usewakeupsignal_activate_6lyztwgzxaa.js from transformedOutputs
[QWIK PLUGIN: 803] resolveId(103) Start /node_modules/@builder.io/qwik-react/lib/usewakeupsignal_activate_6lyztwgzxaa.js?_qrl_parent=index.qwik.mjs {
  from: '/Users/user/Documents/testing/qwik-react/index.html',
  for: 'client'
}
[QWIK PLUGIN: 803] resolveId(103) Resolved /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/usewakeupsignal_activate_6lyztwgzxaa.js from transformedOutputs
[QWIK PLUGIN: 803] load() transforming QRL parent /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/index.qwik.mjs
[QWIK PLUGIN: 803] resolveId(104) Start /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/index.qwik.mjs {
  from: '/Users/user/Documents/testing/qwik-react/index.html',
  for: 'client'
}
[QWIK PLUGIN: 803] resolveId(104) Not resolved /Users/user/Documents/testing/qwik-react/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/index.qwik.mjs /Users/user/Documents/testing/qwik-react/index.html
[QWIK PLUGIN: 803] resolveId(105) Start /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/index.qwik.mjs {
  from: '/Users/user/Documents/testing/qwik-react/index.html',
  for: 'client'
}
[QWIK PLUGIN: 803] resolveId(105) Not resolved /Users/user/Documents/testing/qwik-react/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/index.qwik.mjs /Users/user/Documents/testing/qwik-react/index.html
[QWIK PLUGIN: 803] load() Not found /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/index.qwik.mjs
[QWIK PLUGIN: 803] transform() Transforming /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/index.qwik.mjs?v=5841e5f3 (for: client, strip)
[QWIK PLUGIN: 803] transform() segment /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/usewakeupsignal_activate_6lyztwgzxaa.js useWakeupSignal_activate
[QWIK PLUGIN: 803] transform() segment /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_stylesscoped_usestylesscoped_hkt84xksmle.js qwikifyQrl_component_stylesscoped_useStylesScoped
[QWIK PLUGIN: 803] transform() segment /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js qwikifyQrl_component_useTask
[QWIK PLUGIN: 803] transform() segment /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js qwikifyQrl_component
[QWIK PLUGIN: 803] resolveId(106) Start /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/usewakeupsignal_activate_6lyztwgzxaa.js {
  from: '/Users/user/Documents/testing/qwik-react/index.html',
  for: 'client'
}
[QWIK PLUGIN: 803] resolveId(106) Resolved /Users/user/Documents/testing/qwik-react/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/usewakeupsignal_activate_6lyztwgzxaa.js from transformedOutputs
[QWIK PLUGIN: 803] load() Found /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/usewakeupsignal_activate_6lyztwgzxaa.js

Reloading the page (cmd + R) ->

[QWIK PLUGIN: 764] resolveId(107) Start /node_modules/@builder.io/qwik-react/lib/usewakeupsignal_activate_6lyztwgzxaa.js?_qrl_parent=index.qwik.mjs {
  from: '/Users/user/Documents/testing/qwik-react/index.html',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(107) Resolved /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/usewakeupsignal_activate_6lyztwgzxaa.js from transformedOutputs
[QWIK PLUGIN: 764] resolveId(108) Start /node_modules/@builder.io/qwik-react/lib/usewakeupsignal_activate_6lyztwgzxaa.js?_qrl_parent=index.qwik.mjs {
  from: '/Users/user/Documents/testing/qwik-react/index.html',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(108) Resolved /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/usewakeupsignal_activate_6lyztwgzxaa.js from transformedOutputs
[QWIK PLUGIN: 764] load() Found /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/usewakeupsignal_activate_6lyztwgzxaa.js
[QWIK PLUGIN: 764] resolveId(109) Start @builder.io/qwik {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/usewakeupsignal_activate_6lyztwgzxaa.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(109) falling back to default resolver
[QWIK PLUGIN: 764] load() Not found /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik/core.mjs
[QWIK PLUGIN: 764] transform() Not transforming /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik/core.mjs?v=ca0bf244
[QWIK PLUGIN: 764] resolveId(110) Start @builder.io/qwik/build {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik/core.mjs?v=ca0bf244',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(110) Resolved @builder.io/qwik/build
[QWIK PLUGIN: 764] load() @builder.io/qwik/build development
[QWIK PLUGIN: 764] transform() Not transforming /Users/user/Documents/testing/qwik-react/@builder.io/qwik/build
[QWIK PLUGIN: 764] resolveId(111) Start /node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js?_qrl_parent=index.qwik.mjs {
  from: '/Users/user/Documents/testing/qwik-react/index.html',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(111) Resolved /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js from transformedOutputs
[QWIK PLUGIN: 764] resolveId(112) Start /node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js?_qrl_parent=index.qwik.mjs {
  from: '/Users/user/Documents/testing/qwik-react/index.html',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(112) Resolved /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js from transformedOutputs
[QWIK PLUGIN: 764] load() Found /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js
[QWIK PLUGIN: 764] resolveId(113) Start react-dom/client {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(113) falling back to default resolver
[QWIK PLUGIN: 764] resolveId(114) Start react-dom {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(114) falling back to default resolver
[QWIK PLUGIN: 764] resolveId(115) Start react-dom/client {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(115) falling back to default resolver
[QWIK PLUGIN: 764] resolveId(116) Start ./index.qwik.mjs {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(116) Not resolved ./index.qwik.mjs /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js
[QWIK PLUGIN: 764] resolveId(117) Start ./index.qwik.mjs {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(117) Not resolved ./index.qwik.mjs /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js
[QWIK PLUGIN: 764] resolveId(118) Start @builder.io/qwik/build {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(118) Resolved @builder.io/qwik/build
[QWIK PLUGIN: 764] resolveId(119) Start @builder.io/qwik {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(119) falling back to default resolver
[QWIK PLUGIN: 764] resolveId(120) Start @builder.io/qwik {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(120) falling back to default resolver
[QWIK PLUGIN: 764] resolveId(121) Start @builder.io/qwik {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(121) falling back to default resolver
[QWIK PLUGIN: 764] load() Not found /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/index.qwik.mjs
[QWIK PLUGIN: 764] transform() Not transforming /Users/user/Documents/testing/qwik-react/node_modules/.vite/deps/react-dom_client.js?v=ff3b99b9
[QWIK PLUGIN: 764] resolveId(122) Start ./chunk-GG2VHPYR.js {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/.vite/deps/react-dom_client.js?v=ff3b99b9',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(122) Not resolved ./chunk-GG2VHPYR.js /Users/user/Documents/testing/qwik-react/node_modules/.vite/deps/react-dom_client.js?v=ff3b99b9
[QWIK PLUGIN: 764] resolveId(123) Start ./chunk-FJB7OZ4R.js {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/.vite/deps/react-dom_client.js?v=ff3b99b9',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(123) Not resolved ./chunk-FJB7OZ4R.js /Users/user/Documents/testing/qwik-react/node_modules/.vite/deps/react-dom_client.js?v=ff3b99b9
[QWIK PLUGIN: 764] transform() Transforming /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/index.qwik.mjs?v=ca0bf244 (for: client, strip)
[QWIK PLUGIN: 764] transform() segment /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/usewakeupsignal_activate_6lyztwgzxaa.js useWakeupSignal_activate
[QWIK PLUGIN: 764] transform() segment /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_stylesscoped_usestylesscoped_hkt84xksmle.js qwikifyQrl_component_stylesscoped_useStylesScoped
[QWIK PLUGIN: 764] transform() segment /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js qwikifyQrl_component_useTask
[QWIK PLUGIN: 764] transform() segment /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js qwikifyQrl_component
[QWIK PLUGIN: 764] load() Found /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/usewakeupsignal_activate_6lyztwgzxaa.js
[QWIK PLUGIN: 764] resolveId(124) Start @builder.io/qwik {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/usewakeupsignal_activate_6lyztwgzxaa.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(124) falling back to default resolver
[QWIK PLUGIN: 764] resolveId(125) Start /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_stylesscoped_usestylesscoped_hkt84xksmle.js {
  from: '/Users/user/Documents/testing/qwik-react/index.html',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(125) Not resolved /Users/user/Documents/testing/qwik-react/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_stylesscoped_usestylesscoped_hkt84xksmle.js /Users/user/Documents/testing/qwik-react/index.html
[QWIK PLUGIN: 764] load() Found /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_stylesscoped_usestylesscoped_hkt84xksmle.js
[QWIK PLUGIN: 764] resolveId(126) Start /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js {
  from: '/Users/user/Documents/testing/qwik-react/index.html',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(126) Resolved /Users/user/Documents/testing/qwik-react/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js from transformedOutputs
[QWIK PLUGIN: 764] load() Found /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js
[QWIK PLUGIN: 764] resolveId(127) Start react-dom/client {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(127) falling back to default resolver
[QWIK PLUGIN: 764] resolveId(128) Start react-dom {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(128) falling back to default resolver
[QWIK PLUGIN: 764] resolveId(129) Start react-dom/client {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(129) falling back to default resolver
[QWIK PLUGIN: 764] resolveId(130) Start ./index.qwik.mjs {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(130) Not resolved ./index.qwik.mjs /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js
[QWIK PLUGIN: 764] resolveId(131) Start ./index.qwik.mjs {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(131) Not resolved ./index.qwik.mjs /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js
[QWIK PLUGIN: 764] resolveId(132) Start @builder.io/qwik/build {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(132) Resolved @builder.io/qwik/build
[QWIK PLUGIN: 764] resolveId(133) Start @builder.io/qwik {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(133) falling back to default resolver
[QWIK PLUGIN: 764] resolveId(134) Start @builder.io/qwik {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(134) falling back to default resolver
[QWIK PLUGIN: 764] resolveId(135) Start @builder.io/qwik {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(135) falling back to default resolver
[QWIK PLUGIN: 764] resolveId(136) Start /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js {
  from: '/Users/user/Documents/testing/qwik-react/index.html',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(136) Not resolved /Users/user/Documents/testing/qwik-react/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js /Users/user/Documents/testing/qwik-react/index.html
[QWIK PLUGIN: 764] load() Found /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js
[QWIK PLUGIN: 764] resolveId(137) Start react-dom/client {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(137) falling back to default resolver
[QWIK PLUGIN: 764] resolveId(138) Start ./index.qwik.mjs {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(138) Not resolved ./index.qwik.mjs /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js
[QWIK PLUGIN: 764] resolveId(139) Start ./index.qwik.mjs {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(139) Not resolved ./index.qwik.mjs /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js
[QWIK PLUGIN: 764] resolveId(140) Start ./index.qwik.mjs {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(140) Not resolved ./index.qwik.mjs /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js
[QWIK PLUGIN: 764] resolveId(141) Start ./index.qwik.mjs {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(141) Not resolved ./index.qwik.mjs /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js
[QWIK PLUGIN: 764] resolveId(142) Start ./qwikifyqrl_component_stylesscoped_usestylesscoped_hkt84xksmle.js {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(142) Resolved /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_stylesscoped_usestylesscoped_hkt84xksmle.js from transformedOutputs
[QWIK PLUGIN: 764] resolveId(143) Start ./qwikifyqrl_component_usetask_ewit9enzux0.js {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(143) Resolved /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_usetask_ewit9enzux0.js from transformedOutputs
[QWIK PLUGIN: 764] resolveId(144) Start @builder.io/qwik {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(144) falling back to default resolver
[QWIK PLUGIN: 764] resolveId(145) Start @builder.io/qwik {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(145) falling back to default resolver
[QWIK PLUGIN: 764] resolveId(146) Start @builder.io/qwik {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(146) falling back to default resolver
[QWIK PLUGIN: 764] resolveId(147) Start @builder.io/qwik {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(147) falling back to default resolver
[QWIK PLUGIN: 764] resolveId(148) Start @builder.io/qwik {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(148) falling back to default resolver
[QWIK PLUGIN: 764] resolveId(149) Start @builder.io/qwik {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(149) falling back to default resolver
[QWIK PLUGIN: 764] resolveId(150) Start @builder.io/qwik {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(150) falling back to default resolver
[QWIK PLUGIN: 764] resolveId(151) Start @builder.io/qwik/build {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(151) Resolved @builder.io/qwik/build
[QWIK PLUGIN: 764] resolveId(152) Start @builder.io/qwik/build {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(152) Resolved @builder.io/qwik/build
[QWIK PLUGIN: 764] resolveId(153) Start @builder.io/qwik {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(153) falling back to default resolver
[QWIK PLUGIN: 764] resolveId(154) Start @builder.io/qwik {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(154) falling back to default resolver
[QWIK PLUGIN: 764] resolveId(155) Start @builder.io/qwik {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(155) falling back to default resolver
[QWIK PLUGIN: 764] resolveId(156) Start @builder.io/qwik {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(156) falling back to default resolver
[QWIK PLUGIN: 764] resolveId(157) Start @builder.io/qwik {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(157) falling back to default resolver
[QWIK PLUGIN: 764] resolveId(158) Start react {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/index.qwik.mjs?v=ca0bf244',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(158) falling back to default resolver
[QWIK PLUGIN: 764] resolveId(159) Start react-dom/server {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/index.qwik.mjs?v=ca0bf244',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(159) falling back to default resolver
[QWIK PLUGIN: 764] resolveId(160) Start ./usewakeupsignal_activate_6lyztwgzxaa.js {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/index.qwik.mjs?v=ca0bf244',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(160) Resolved /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/usewakeupsignal_activate_6lyztwgzxaa.js from transformedOutputs
[QWIK PLUGIN: 764] resolveId(161) Start ./qwikifyqrl_component_zh94hie0ick.js {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/index.qwik.mjs?v=ca0bf244',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(161) Resolved /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/qwikifyqrl_component_zh94hie0ick.js from transformedOutputs
[QWIK PLUGIN: 764] resolveId(162) Start @builder.io/qwik {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/index.qwik.mjs?v=ca0bf244',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(162) falling back to default resolver
[QWIK PLUGIN: 764] resolveId(163) Start @builder.io/qwik {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/index.qwik.mjs?v=ca0bf244',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(163) falling back to default resolver
[QWIK PLUGIN: 764] resolveId(164) Start @builder.io/qwik/build {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/index.qwik.mjs?v=ca0bf244',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(164) Resolved @builder.io/qwik/build
[QWIK PLUGIN: 764] resolveId(165) Start @builder.io/qwik/jsx-runtime {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/index.qwik.mjs?v=ca0bf244',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(165) falling back to default resolver
[QWIK PLUGIN: 764] resolveId(166) Start /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/index.qwik.mjs?v=ca0bf244 {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/index.qwik.mjs?v=ca0bf244',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(166) Not resolved /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/index.qwik.mjs?v=ca0bf244 /Users/user/Documents/testing/qwik-react/node_modules/@builder.io/qwik-react/lib/index.qwik.mjs?v=ca0bf244
[QWIK PLUGIN: 764] transform() Not transforming /Users/user/Documents/testing/qwik-react/node_modules/.vite/deps/react-dom.js?v=ff3b99b9
[QWIK PLUGIN: 764] resolveId(167) Start ./chunk-GG2VHPYR.js {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/.vite/deps/react-dom.js?v=ff3b99b9',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(167) Not resolved ./chunk-GG2VHPYR.js /Users/user/Documents/testing/qwik-react/node_modules/.vite/deps/react-dom.js?v=ff3b99b9
[QWIK PLUGIN: 764] resolveId(168) Start ./chunk-FJB7OZ4R.js {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/.vite/deps/react-dom.js?v=ff3b99b9',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(168) Not resolved ./chunk-FJB7OZ4R.js /Users/user/Documents/testing/qwik-react/node_modules/.vite/deps/react-dom.js?v=ff3b99b9
[QWIK PLUGIN: 764] transform() Not transforming /Users/user/Documents/testing/qwik-react/node_modules/.vite/deps/chunk-FJB7OZ4R.js?v=ca0bf244
[QWIK PLUGIN: 764] transform() Not transforming /Users/user/Documents/testing/qwik-react/node_modules/.vite/deps/react.js?v=ff3b99b9
[QWIK PLUGIN: 764] resolveId(169) Start ./chunk-FJB7OZ4R.js {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/.vite/deps/react.js?v=ff3b99b9',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(169) Not resolved ./chunk-FJB7OZ4R.js /Users/user/Documents/testing/qwik-react/node_modules/.vite/deps/react.js?v=ff3b99b9
[QWIK PLUGIN: 764] transform() Not transforming /Users/user/Documents/testing/qwik-react/node_modules/.vite/deps/react-dom_server.js?v=ff3b99b9
[QWIK PLUGIN: 764] resolveId(170) Start ./chunk-FJB7OZ4R.js {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/.vite/deps/react-dom_server.js?v=ff3b99b9',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(170) Not resolved ./chunk-FJB7OZ4R.js /Users/user/Documents/testing/qwik-react/node_modules/.vite/deps/react-dom_server.js?v=ff3b99b9
[QWIK PLUGIN: 764] transform() Not transforming /Users/user/Documents/testing/qwik-react/node_modules/.vite/deps/chunk-GG2VHPYR.js?v=ca0bf244
[QWIK PLUGIN: 764] resolveId(171) Start ./chunk-FJB7OZ4R.js {
  from: '/Users/user/Documents/testing/qwik-react/node_modules/.vite/deps/chunk-GG2VHPYR.js?v=ca0bf244',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(171) Not resolved ./chunk-FJB7OZ4R.js /Users/user/Documents/testing/qwik-react/node_modules/.vite/deps/chunk-GG2VHPYR.js?v=ca0bf244
[QWIK PLUGIN: 764] resolveId(172) Start /src/components/qcounter_qwikify_ai0qjjaxiqw.js?_qrl_parent=react.tsx {
  from: '/Users/user/Documents/testing/qwik-react/index.html',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(172) Resolved /Users/user/Documents/testing/qwik-react/src/components/qcounter_qwikify_ai0qjjaxiqw.js from transformedOutputs
[QWIK PLUGIN: 764] resolveId(173) Start /src/components/qcounter_qwikify_ai0qjjaxiqw.js?_qrl_parent=react.tsx {
  from: '/Users/user/Documents/testing/qwik-react/index.html',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(173) Resolved /Users/user/Documents/testing/qwik-react/src/components/qcounter_qwikify_ai0qjjaxiqw.js from transformedOutputs
[QWIK PLUGIN: 764] load() transforming QRL parent /Users/user/Documents/testing/qwik-react/src/components/react.tsx
[QWIK PLUGIN: 764] resolveId(174) Start /Users/user/Documents/testing/qwik-react/src/components/react.tsx {
  from: '/Users/user/Documents/testing/qwik-react/index.html',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(174) Not resolved /Users/user/Documents/testing/qwik-react/Users/user/Documents/testing/qwik-react/src/components/react.tsx /Users/user/Documents/testing/qwik-react/index.html
[QWIK PLUGIN: 764] resolveId(175) Start /Users/user/Documents/testing/qwik-react/src/components/react.tsx {
  from: '/Users/user/Documents/testing/qwik-react/index.html',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(175) Not resolved /Users/user/Documents/testing/qwik-react/Users/user/Documents/testing/qwik-react/src/components/react.tsx /Users/user/Documents/testing/qwik-react/index.html
[QWIK PLUGIN: 764] load() Not found /Users/user/Documents/testing/qwik-react/src/components/react.tsx
[QWIK PLUGIN: 764] transform() Transforming /Users/user/Documents/testing/qwik-react/src/components/react.tsx (for: client, strip)
[QWIK PLUGIN: 764] transform() segment /Users/user/Documents/testing/qwik-react/src/components/qcounter_qwikify_ai0qjjaxiqw.js QCounter_qwikify
[QWIK PLUGIN: 764] resolveId(176) Start /Users/user/Documents/testing/qwik-react/src/components/qcounter_qwikify_ai0qjjaxiqw.js {
  from: '/Users/user/Documents/testing/qwik-react/index.html',
  for: 'client'
}
[QWIK PLUGIN: 764] resolveId(176) Resolved /Users/user/Documents/testing/qwik-react/Users/user/Documents/testing/qwik-react/src/components/qcounter_qwikify_ai0qjjaxiqw.js from transformedOutputs
[QWIK PLUGIN: 764] load() Found /Users/user/Documents/testing/qwik-react/src/components/qcounter_qwikify_ai0qjjaxiqw.js

Then I reload the page again (cmd + R) -> And counter starts working!

What is also a bit strange for me that errors page is different 1) on cold start is this one

image

2) after reloading is this one

image
wanjohiryan commented 2 months ago

Fun fact @wmertens Qwik and Qwik-City ^1.7.0 still does not solve this react issue.

In fact, the mui slider on the qwik add react boilerplate is not interactive at all.

fristyr commented 2 months ago

@wanjohiryan Can you try reload couple of times? For me mui slider starts to work after couple of reloads after hovering component. Yes it's not a solution but at least we can see if we have equal behaviour