Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug]: cmdk this library was updated to ^1.0.0 version, this version is having conflicts on next #3012

Open
2 tasks done
divaldohelder08 opened this issue Mar 14, 2024 · 2 comments
Labels
bug Something isn't working

Comments

@divaldohelder08
Copy link

Describe the bug

when i add the comand component and try use is having that error
Unhandled Runtime Error
TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator))

Call Stack
Function.from

A
(app-pages-browser)/node_modules/cmdk/dist/index.mjs (1:3976)
U
(app-pages-browser)/node_modules/cmdk/dist/index.mjs (1:2996)
eval
(app-pages-browser)/node_modules/cmdk/dist/index.mjs (1:1737)
eval
(app-pages-browser)/node_modules/cmdk/dist/index.mjs (1:10359)
Map.forEach

eval
(app-pages-browser)/node_modules/cmdk/dist/index.mjs (1:10359)
commitHookEffectListMount
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21035:0)
commitHookLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21145:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21343:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21421:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21510:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21421:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)

Affected component/components

Command, Combobox

How to reproduce

You just must install this library cmdk on that version ^1.0.0 and try to integrate on Combo box component

Codesandbox/StackBlitz link

No response

Logs

Unhandled Runtime Error
TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator))

Call Stack
Function.from
<anonymous>
A
(app-pages-browser)/node_modules/cmdk/dist/index.mjs (1:3976)
U
(app-pages-browser)/node_modules/cmdk/dist/index.mjs (1:2996)
eval
(app-pages-browser)/node_modules/cmdk/dist/index.mjs (1:1737)
eval
(app-pages-browser)/node_modules/cmdk/dist/index.mjs (1:10359)
Map.forEach
<anonymous>
eval
(app-pages-browser)/node_modules/cmdk/dist/index.mjs (1:10359)
commitHookEffectListMount
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21035:0)
commitHookLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21145:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21343:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21421:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21510:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21421:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)
recursivelyTraverseLayoutEffects
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (22860:0)
commitLayoutEffectOnFiber
(app-pages-browser)/node_modules/next/dist/compiled/react-dom/cjs/react-dom.development.js (21340:0)

System Info

chromebook 315, linux debian x64, chrome

Before submitting

  • I've made research efforts and searched the documentation
  • I've searched for existing issues
@divaldohelder08 divaldohelder08 added the bug Something isn't working label Mar 14, 2024
@jhnguyen521
Copy link
Contributor

Hello, see #2944 for solution,

you essentially need to wrap CommandList around your CommandItems

@bradymwilliams
Copy link

@jhnguyen521 that mostly fixed it but now I cannot click the items, only keyboard nav

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants