Next.js Discord

Discord Forum

Shadcdn Table: Unhandled Runtime ErrorTypeError: Cannot read properties of null (reading 'length')

Answered
Jenn posted this in #help-forum
Open in Discord
Avatar
JennOP
<TableBody>
          {Array.isArray(table.getRowModel()?.rows) && table.getRowModel()?.rows.length ? (
            table.getRowModel().rows.map((row) => (
              <TableRow
                key={row.id}
                data-state={row.getIsSelected() && "selected"}
              >
                {row.getVisibleCells().map((cell) => (
                  <TableCell key={cell.id}>
                    {flexRender(cell.column.columnDef.cell, cell.getContext())}
                  </TableCell>
                ))}
              </TableRow>
            ))
          ) : (
            <TableRow>
              <TableCell colSpan={columns.length} className="h-24 text-center">
                No results.
              </TableCell>
            </TableRow>
          )}
        </TableBody>
Answered by Jenn
Got it solved already 🤣 there was a problem with my types, I was declaring an 'email' on the types when I was not able to include it in my query 🤣🤣
View full answer

11 Replies

Avatar
JennOP
@Anay-208
Avatar
Anay-208
Send the error screenshot here
Avatar
JennOP
Image
Avatar
Anay-208
Let me see
Try console.log(table.getRowModel()) just before the array
Check console also for errors
I think it’s a error inside the function getRowModel
Avatar
JennOP
It says that: 
Type 'void' is not assignable to type 'ReactNode'.ts(2322)
Image
Avatar
Anay-208
Console.log in a useEffect hook
Avatar
JennOP
Got it solved already 🤣 there was a problem with my types, I was declaring an 'email' on the types when I was not able to include it in my query 🤣🤣
Answer
Avatar
Anay-208
Mark message as solution