Unusable atm on my NextJs 14 project "Unknown element <[object Object]> in collection."

J4v4Scr1pt commented 5 months ago

What version of `million` are you using?

"1.0.0-rc.26

Are you using an SSR adapter? If so, which one?

None

What package manager are you using?

pnpm

What operating system are you using?

Windows 10

What browser are you using?

Chrome

Describe the Bug

Installed latest Million and configured it as the documentation describe. NextConfig:

module.exports = MillionCompiler.next({
    rsc: true, // if used in the app router mode
})(nextConfig);

It connects to VS and starts to collect data but my NextJs project crashes before I even see anything on Unknown element <[object Object]> in collection. And these errors appers in the Chrome devtools:

NextJS error output:

Unhandled Runtime Error
Error: Unknown element <[object Object]> in collection.

Call Stack
$eb2240fc39a57fa5$export$bf788dd355e3a401.getFullNode
node_modules\.pnpm\registry.npmjs.org+@react-stately+collections@3.10.7_react@18.3.1\node_modules\@react-stately\collections\dist\CollectionBuilder.mjs (83:1)
getFullNode.next
<anonymous>
$eb2240fc39a57fa5$export$bf788dd355e3a401.iterateCollection
node_modules\.pnpm\registry.npmjs.org+@react-stately+collections@3.10.7_react@18.3.1\node_modules\@react-stately\collections\dist\CollectionBuilder.mjs (39:1)
iterateCollection.next
<anonymous>
[Symbol.iterator]
node_modules\.pnpm\registry.npmjs.org+@react-stately+collections@3.10.7_react@18.3.1\node_modules\@react-stately\collections\dist\CollectionBuilder.mjs (167:1)
Generator.next
<anonymous>
new $a02d57049d202695$export$d085fb9e920b5ca7
node_modules\.pnpm\registry.npmjs.org+@react-stately+list@3.10.5_react@18.3.1\node_modules\@react-stately\list\dist\ListCollection.mjs (55:1)
eval
node_modules\.pnpm\registry.npmjs.org+@react-stately+list@3.10.5_react@18.3.1\node_modules\@react-stately\list\dist\useListState.mjs (26:110)
eval
node_modules\.pnpm\registry.npmjs.org+@react-stately+collections@3.10.7_react@18.3.1\node_modules\@react-stately\collections\dist\useCollection.mjs (25:1)
React
mountMemo
node_modules\.pnpm\registry.npmjs.org+next@14.2.4_@babel+core@7.24.6_react-dom@18.3.1_react@18.3.1\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (12600:1)
Object.useMemo
node_modules\.pnpm\registry.npmjs.org+next@14.2.4_@babel+core@7.24.6_react-dom@18.3.1_react@18.3.1\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (13305:1)
useMemo
node_modules\.pnpm\registry.npmjs.org+next@14.2.4_@babel+core@7.24.6_react-dom@18.3.1_react@18.3.1\node_modules\next\dist\compiled\react\cjs\react.development.js (2536:1)
$7613b1592d41b092$export$6cd28814d92fa9c9
node_modules\.pnpm\registry.npmjs.org+@react-stately+collections@3.10.7_react@18.3.1\node_modules\@react-stately\collections\dist\useCollection.mjs (19:36)
$e72dd72e1c76a225$export$2f645645f7bca764
node_modules\.pnpm\registry.npmjs.org+@react-stately+list@3.10.5_react@18.3.1\node_modules\@react-stately\list\dist\useListState.mjs (34:46)
props
node_modules\.pnpm\registry.npmjs.org+@nextui-org+use-aria-multiselect@2.2.2_react-dom@18.3.1_react@18.3.1\node_modules\@nextui-org\use-aria-multiselect\dist\chunk-RVB7J7GX.mjs (10:20)
useMultiSelectState
node_modules\.pnpm\registry.npmjs.org+@nextui-org+use-aria-multiselect@2.2.2_react-dom@18.3.1_react@18.3.1\node_modules\@nextui-org\use-aria-multiselect\dist\chunk-YBYFWAAH.mjs (13:45)
useSelect
node_modules\.pnpm\registry.npmjs.org+@nextui-org+select@2.2.2_@nextui-org+system@2.2.2_@nextui-org+theme@2.2.6__p33ajkfnntcfhvzpwo7cdqknoe\node_modules\@nextui-org\select\dist\chunk-WRYBTQ24.mjs (93:35)
Select
node_modules\.pnpm\registry.npmjs.org+@nextui-org+select@2.2.2_@nextui-org+system@2.2.2_@nextui-org+theme@2.2.6__p33ajkfnntcfhvzpwo7cdqknoe\node_modules\@nextui-org\select\dist\chunk-X3QO5D2J.mjs (53:17)
React
renderWithHooks
node_modules\.pnpm\registry.npmjs.org+next@14.2.4_@babel+core@7.24.6_react-dom@18.3.1_react@18.3.1\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (11121:1)
updateForwardRef
node_modules\.pnpm\registry.npmjs.org+next@14.2.4_@babel+core@7.24.6_react-dom@18.3.1_react@18.3.1\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (15854:1)
beginWork$1
node_modules\.pnpm\registry.npmjs.org+next@14.2.4_@babel+core@7.24.6_react-dom@18.3.1_react@18.3.1\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (18521:1)
beginWork
node_modules\.pnpm\registry.npmjs.org+next@14.2.4_@babel+core@7.24.6_react-dom@18.3.1_react@18.3.1\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (26927:1)
performUnitOfWork
node_modules\.pnpm\registry.npmjs.org+next@14.2.4_@babel+core@7.24.6_react-dom@18.3.1_react@18.3.1\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (25748:1)
workLoopSync
node_modules\.pnpm\registry.npmjs.org+next@14.2.4_@babel+core@7.24.6_react-dom@18.3.1_react@18.3.1\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (25464:1)
renderRootSync
node_modules\.pnpm\registry.npmjs.org+next@14.2.4_@babel+core@7.24.6_react-dom@18.3.1_react@18.3.1\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (25419:1)
recoverFromConcurrentError
node_modules\.pnpm\registry.npmjs.org+next@14.2.4_@babel+core@7.24.6_react-dom@18.3.1_react@18.3.1\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (24597:1)
performConcurrentWorkOnRoot
node_modules\.pnpm\registry.npmjs.org+next@14.2.4_@babel+core@7.24.6_react-dom@18.3.1_react@18.3.1\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (24542:1)
workLoop
node_modules\.pnpm\registry.npmjs.org+next@14.2.4_@babel+core@7.24.6_react-dom@18.3.1_react@18.3.1\node_modules\next\dist\compiled\scheduler\cjs\scheduler.development.js (256:1)
flushWork
node_modules\.pnpm\registry.npmjs.org+next@14.2.4_@babel+core@7.24.6_react-dom@18.3.1_react@18.3.1\node_modules\next\dist\compiled\scheduler\cjs\scheduler.development.js (225:1)
MessagePort.performWorkUntilDeadline
node_modules\.pnpm\registry.npmjs.org+next@14.2.4_@babel+core@7.24.6_react-dom@18.3.1_react@18.3.1\node_modules\next\dist\compiled\scheduler\cjs\scheduler.development.js (534:1)

My dependencies:

    "dependencies": {
        "@million/lint": "1.0.0-rc.26",
        "@nextui-org/react": "^2.4.2",
        "@tanstack/react-query": "^5.48.0",
        "@myOwn/components": "0.7.46",
        "clsx": "^2.1.1",
        "dayjs": "^1.11.11",
        "framer-motion": "11.2.12",
        "i18next": "^23.11.5",
        "i18next-browser-languagedetector": "^8.0.0",
        "i18next-resources-to-backend": "^1.2.1",
        "next": "14.2.4",
        "next-auth": "4.24.7",
        "react": "18.3.1",
        "react-dom": "18.3.1",
        "react-i18next": "^14.1.2",
        "sharp": "^0.33.4",
        "sonner": "^1.5.0",
        "tailwind-merge": "^2.3.0",
        "usehooks-ts": "^3.1.0",
        "zod": "^3.23.8"
    },
    "devDependencies": {
        "@next/bundle-analyzer": "^14.2.4",
        "@tanstack/eslint-plugin-query": "^5.47.0",
        "@tanstack/react-query-devtools": "^5.48.0",
        "@types/node": "20.14.9",
        "@types/react": "18.3.3",
        "@types/react-dom": "18.3.0",
        "autoprefixer": "10.4.19",
        "cross-env": "^7.0.3",
        "eslint": "8.57.0",
        "eslint-config-next": "14.2.4",
        "eslint-config-prettier": "^9.1.0",
        "postcss": "8.4.38",
        "prettier": "3.3.2",
        "prettier-plugin-tailwindcss": "^0.6.5",
        "tailwind-variants": "^0.2.1",
        "tailwindcss": "3.4.4",
        "typescript": "5.5.2"
    }

Let me know if you want me to provide more information ✌!

What's the expected result?

To work as expected

Link to Minimal Reproducible Example

none

Participation

[ ] I am willing to submit a pull request for this issue.

github-actions[bot] commented 5 months ago

Thanks for opening this issue! A maintainer will review it soon.

J4v4Scr1pt commented 5 months ago

I created a new and clean NextJs 14 application and installed million. It crashes on this error:

But as soon as I remove Million from nextConfig it works again.

I would love for this to work, but million-lint feels very unstable. I tested million-lint when it was first announced also had errors then but different.

Plz let me know if I can help with anything to resolve this.

theaafofficial commented 2 months ago

I am also facing this issue, any update on this would be appreciated.

jenslys commented 1 week ago

bump... can't even open a simple project.

aidenybai / million