Skip to content

[🐞] v2: useNavigate transition timeouts #8163

@andrei9669

Description

@andrei9669

Which component is affected?

Qwik City (routing)

Describe the bug

while using button with useNavigate The app sort of hangs.
it Runs all the tasks on the new route as if navigation has happened but the DOM update doesn't happen instantly and instead I get the following error in console:

Uncaught (in promise) TimeoutError: Transition was aborted because of timeout in DOM update

msedge_xt5Bc3Iy5H.mp4

Reproduction

https://github.com/andrei9669/qwik-navigation-repro

Steps to reproduce

  • npm install
  • npm run dev
  • open the link for the app
  • navigate using buttons

System Info

System:
    OS: Windows 11 10.0.26200
    CPU: (16) x64 AMD Ryzen 7 5800X 8-Core Processor             
    Memory: 9.43 GB / 31.90 GB
  Binaries:
    Node: 24.4.0 - C:\Users\andre\AppData\Local\Volta\tools\image\node\24.4.0\node.EXE
    npm: 11.4.2 - C:\Users\andre\AppData\Local\Volta\tools\image\node\24.4.0\npm.CMD
    pnpm: 10.14.0 - C:\Users\andre\AppData\Local\Volta\tools\image\pnpm\10.14.0\bin\pnpm.CMD
  Browsers:
    Edge: Chromium (140.0.3485.54), ChromiumDev (140.0.3456.0)
    Internet Explorer: 11.0.26100.1882
  npmPackages:
    typescript: 5.4.5 => 5.4.5 
    undici: * => 7.16.0 
    vite: 7.1.11 => 7.1.11

Additional Information

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions