fix(table): skelly table causing hydration error
This commit is contained in:
@@ -17,11 +17,13 @@ export default function SkellyTable({ rows = 5, columns = 4 }: TableSkelly) {
|
|||||||
<div className="rounded-md border">
|
<div className="rounded-md border">
|
||||||
<Table>
|
<Table>
|
||||||
<TableHeader>
|
<TableHeader>
|
||||||
{Array.from({ length: columns }).map((_, i) => (
|
<TableRow>
|
||||||
<TableHead key={i}>
|
{Array.from({ length: columns }).map((_, i) => (
|
||||||
<Skeleton className="h-4 w-[80px]" />
|
<TableHead key={i}>
|
||||||
</TableHead>
|
<Skeleton className="h-4 w-[80px]" />
|
||||||
))}
|
</TableHead>
|
||||||
|
))}
|
||||||
|
</TableRow>
|
||||||
</TableHeader>
|
</TableHeader>
|
||||||
<TableBody>
|
<TableBody>
|
||||||
{Array.from({ length: rows }).map((_, r) => (
|
{Array.from({ length: rows }).map((_, r) => (
|
||||||
|
|||||||
Reference in New Issue
Block a user