qwikifiers / qwikifiers/qwik-ui

[🐞] Tabs - the short version not working

Open
#976 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

STATUS-1: needs triage TYPE: bug
Dominant language
TypeScript
Stars
695
Forks
142
PR merge metrics
No merged PRs in 30d

Description

Which package is affected?

Headless Kit

Describe the bug

I inserted the short version in a route of my project and it gives me an this error
Cannot read properties of undefined (reading 'tabId')
the normal version instead works

Reproduction

https://github.com/gimonaa/qwikui.qwik

Steps to reproduce

Run npm install and npm run dev

System Info
System:
    OS: macOS 15.0
    CPU: (8) arm64 Apple M2
    Memory: 151.16 MB / 8.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 22.5.1 - ~/.nvm/versions/node/v22.5.1/bin/node
    npm: 10.8.2 - ~/.nvm/versions/node/v22.5.1/bin/npm
    pnpm: 9.6.0 - ~/Library/pnpm/pnpm
  Browsers:
    Chrome: 129.0.6668.70
    Safari: 18.0
  npmPackages:
    @qwik-ui/headless: ^0.6.1 => 0.6.1
Additional Information

http://localhost:5174/tabs/short/ does not work
http://localhost:5174/tabs/full/ works

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the linked reproduction repository and run npm install followed by npm run dev. Compare /tabs/short/, which currently raises Cannot read properties of undefined (reading 'tabId'), with the working /tabs/full/ route and inspect the @qwik-ui/headless Tabs short version. Done means the short route works without the error while the full route continues to work.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.