Pagination does'nt seem to work in Next.js

[nghiepdev]

I have 3 issues when to use Pagination in Next.js.

Please provide following information:

• What package has an issue (@mantine/core, mantine/hooks or other)?
  @mantine/core
• What package version are you using?
  2.5.0
• In which browser and operating system issue occurred?
  Chrome, macOS
• If possible please attach link to codesandbox with reproduced issue
  https://github.com/nghiepit/mantine-pagination-bug.
  I must provide GitHub reproduction because to reproduce the issue in production mode.

Issues:

1. In dev mode the Pagination broken layout

2. In dev mode warning className dis not match. Even though I provided id for Pagination.

Warning: Prop className did not match. Server: "button-0-2-11 button-d0-0-2-12 mantine-unstyled-button child-0-2-8 child-d1-0-2-10 mantine-group-child item-0-2-1 item-d0-0-2-4 mantine-pagination-item" Client: "button-0-2-16 button-d1-0-2-18 mantine-unstyled-button child-0-2-11 child-d3-0-2-15 mantine-group-child item-0-2-1 item-d3-0-2-7 mantine-pagination-item"

3. In production mode thePagination just broken any styles.

UPDATED: When I try to disable reactStrictMode issues 1 and 2 have been resolved.

[rtivital]

Hi @nghiepit, we do not support strict mode. I've released 2.5.1 which should fix styles in production build.