experiencing a delay in applying the Mantine styling after reloading the page with NextJS 13 (App folder)

[sherwinwater]

What package has an issue

@mantine/core

Describe the bug

experiencing a delay in applying the Mantine styling after reloading the page.

I am using Mantine with NextJS 13.4.12 with App folder struture.

  "dependencies": {
    "@emotion/react": "^11.11.1",
    "@mantine/core": "^6.0.17",
    "@mantine/form": "^6.0.17",
    "@mantine/hooks": "^6.0.17",
    "@mantine/next": "^6.0.17",
    "@tabler/icons": "^2.29.0",
    "@tabler/icons-react": "^2.29.0",
    "@tanstack/react-query": "^4.32.0",
    "@tanstack/react-query-devtools": "^4.32.0",
    "@tanstack/react-query-next-experimental": "5.0.0-alpha.80",
    "autoprefixer": "10.4.14",
    "eslint": "8.45.0",
    "eslint-config-next": "13.4.12",
    "next": "13.4.12",
    "postcss": "8.4.27",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "typescript": "5.1.6"
  },
  "devDependencies": {
    "@types/node": "20.4.4",
    "@types/react": "18.2.16",
    "@types/react-dom": "18.2.7"
  }

What version of @mantine/hooks page do you have in package.json?

6.0.17

If possible, please include a link to a codesandbox with the reproduced problem

https://paper-openalex.vercel.app/

Do you know how to fix the issue

None

Are you willing to participate in fixing this issue and create a pull request with the fix

Yes

Possible fix

No response

[rtivital]

Duplicate of #2815