Pagination bug

[deven298]

The following code issues validateDOMNesting warning because <li> cannot appear as descendant of <li>.

<PaginationItem>
  <PaginationLink href="#">1</PaginationLink>
</PaginationItem>

According to the definition of PaginationLink as shown below it uses the <PaginationItem> within its definition leading to above warning.

const PaginationLink = ({
  className,
  isActive,
  size = "icon",
  ...props
}: PaginationLinkProps) => (
  <PaginationItem>
    <a
      aria-current={isActive ? "page" : undefined}
      className={cn(
        buttonVariants({
          variant: isActive ? "outline" : "ghost",
          size,
        }),
        className
      )}
      {...props}
    />
  </PaginationItem>
)
PaginationLink.displayName = "PaginationLink"

[deven298]

Fixed in #2190 . Thanks!