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

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

Open
1 task
J4v4Scr1pt opened this issue Jun 26, 2024 · 3 comments

Comments

@J4v4Scr1pt
Copy link

J4v4Scr1pt commented Jun 26, 2024

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:
image

image

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

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

@J4v4Scr1pt
Copy link
Author

J4v4Scr1pt commented Jun 27, 2024

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

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
Copy link

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants