Error: Unknown element <[object Object]> in collection when using Table element

[danechitoaie]

I'm trying to render a simple table ( https://nextui.org/docs/components/table ) using Next.js (v13.4.19) on React (v18.2.0) - the devault create-next-app, and I get the following error:

- error node_modules/@react-stately/collections/dist/import.mjs (205:0) @ $eb2240fc39a57fa5$export$bf788dd355e3a401.getFullNode
- error Error: Unknown element <[object Object]> in collection.
    at getFullNode.next (<anonymous>)
    at iterateCollection.next (<anonymous>)
    at Generator.next (<anonymous>)
null

My code:

import { Table, TableHeader, TableColumn, TableBody, TableRow, TableCell } from "@nextui-org/table";

export default function Index() {
    return (
                <Table aria-label="Example static collection table">
                    <TableHeader>
                        <TableColumn>NAME</TableColumn>
                        <TableColumn>ROLE</TableColumn>
                        <TableColumn>STATUS</TableColumn>
                    </TableHeader>
                    <TableBody>
                        <TableRow key="1">
                            <TableCell>Tony Reichert</TableCell>
                            <TableCell>CEO</TableCell>
                            <TableCell>Active</TableCell>
                        </TableRow>
                        <TableRow key="2">
                            <TableCell>Zoey Lang</TableCell>
                            <TableCell>Technical Lead</TableCell>
                            <TableCell>Paused</TableCell>
                        </TableRow>
                    </TableBody>
                </Table>
    );
}

Any idea what's going on?

[jrgarciadev]

Hey @danechitoaie place check this issue https://github.com/nextui-org/next-pages-template, you need to add the use client on top for collection-based components, we're already in conversations with react-aria team to fix this.

Thanks!

[InternetJohnny]

Is there no solution to this yet?

[mengqing]

Not sure if this is already documented somewhere, but took me a while to figure this out