[FEAT] Mantine v7 support?

[d9k]

Describe the bug

Installation & Usage doc | @refinedev/mantine:

npm install @refinedev/mantine @refinedev/react-table @mantine/core @mantine/hooks @mantine/form @mantine/notifications @emotion/react @tabler/icons

Steps To Reproduce

pnpm install @mantine/core @mantine/hooks @mantine/form @mantine/notifications @emotion/react @tabler/icons result:

└─┬ @refinedev/mantine 2.28.16                                                              
  ├── ✕ unmet peer @mantine/core@^5.10.4: found 7.1.7                                     
  ├── ✕ unmet peer @mantine/hooks@^5.10.4: found 7.1.7                                    
  ├── ✕ unmet peer @mantine/form@^5.10.4: found 7.1.7                                     
  └── ✕ unmet peer @mantine/notifications@^5.10.4: found 7.1.7  

pnpm run dev:

✘ [ERROR] No matching export in "node_modules/.pnpm/@mantine+core@7.1.7_@mantine+hooks@7.1.7_@types+react@18.2.32_react-dom@18.2.0_react@18.2.0/node_modules/@mantine/core/esm/index.mjs" for import "Navbar"

    node_modules/.pnpm/@refinedev+mantine@2.28.16_@emotion+react@11.11.1_@mantine+core@7.1.7_@mantine+form@7.1.7_@ma_uwtpencjuswysal3gjy55gi7ly/node_modules/@refinedev/mantine/dist/esm/index.js:1:40577:
      1 │ ...as vl,Box as At,Drawer as Sl,Navbar as Le,NavLink as To,ScrollAr...
        ╵                                 ~~~~~~

✘ [ERROR] No matching export in "node_modules/.pnpm/@mantine+core@7.1.7_@mantine+hooks@7.1.7_@types+react@18.2.32_react-dom@18.2.0_react@18.2.0/node_modules/@mantine/core/esm/index.mjs" for import "MediaQuery"

    node_modules/.pnpm/@refinedev+mantine@2.28.16_@emotion+react@11.11.1_@mantine+core@7.1.7_@mantine+form@7.1.7_@ma_uwtpencjuswysal3gjy55gi7ly/node_modules/@refinedev/mantine/dist/esm/index.js:1:40621:
      1 │ ...ink as To,ScrollArea as It,MediaQuery as Ze,Button as wl,Tooltip...
        ╵                               ~~~~~~~~~~

✘ [ERROR] No matching export in "node_modules/.pnpm/@mantine+core@7.1.7_@mantine+hooks@7.1.7_@types+react@18.2.32_react-dom@18.2.0_react@18.2.0/node_modules/@mantine/core/esm/index.mjs" for import "Header"

    node_modules/.pnpm/@refinedev+mantine@2.28.16_@emotion+react@11.11.1_@mantine+core@7.1.7_@mantine+form@7.1.7_@ma_uwtpencjuswysal3gjy55gi7ly/node_modules/@refinedev/mantine/dist/esm/index.js:1:44525:
      1 │ ...ort{Avatar as Ul,Group as Ml,Header as Hl,Title as Ql}from"@mant...
        ╵                                 ~~~~~~

✘ [ERROR] No matching export in "node_modules/.pnpm/@mantine+core@7.1.7_@mantine+hooks@7.1.7_@types+react@18.2.32_react-dom@18.2.0_react@18.2.0/node_modules/@mantine/core/esm/index.mjs" for import "Navbar"

    node_modules/.pnpm/@refinedev+mantine@2.28.16_@emotion+react@11.11.1_@mantine+core@7.1.7_@mantine+form@7.1.7_@ma_uwtpencjuswysal3gjy55gi7ly/node_modules/@refinedev/mantine/dist/esm/index.js:1:46414:
      1 │ ...as td,Box as Ut,Drawer as rd,Navbar as We,NavLink as ho,ScrollAr...
        ╵                                 ~~~~~~

✘ [ERROR] No matching export in "node_modules/.pnpm/@mantine+core@7.1.7_@mantine+hooks@7.1.7_@types+react@18.2.32_react-dom@18.2.0_react@18.2.0/node_modules/@mantine/core/esm/index.mjs" for import "MediaQuery"

    node_modules/.pnpm/@refinedev+mantine@2.28.16_@emotion+react@11.11.1_@mantine+core@7.1.7_@mantine+form@7.1.7_@ma_uwtpencjuswysal3gjy55gi7ly/node_modules/@refinedev/mantine/dist/esm/index.js:1:46458:
      1 │ ...ink as ho,ScrollArea as Mt,MediaQuery as Je,Button as nd,Tooltip...
        ╵                               ~~~~~~~~~~

✘ [ERROR] No matching export in "node_modules/.pnpm/@mantine+core@7.1.7_@mantine+hooks@7.1.7_@types+react@18.2.32_react-dom@18.2.0_react@18.2.0/node_modules/@mantine/core/esm/index.mjs" for import "Header"

    node_modules/.pnpm/@refinedev+mantine@2.28.16_@emotion+react@11.11.1_@mantine+core@7.1.7_@mantine+form@7.1.7_@ma_uwtpencjuswysal3gjy55gi7ly/node_modules/@refinedev/mantine/dist/esm/index.js:1:50520:
      1 │ ...ort{Avatar as yd,Group as gd,Header as xd,Title as hd,useMantine...

✘ [ERROR] No matching export in "node_modules/.pnpm/@mantine+core@7.1.7_@mantine+hooks@7.1.7_@types+react@18.2.32_react-dom@18.2.0_react@18.2.0/node_modules/@mantine/core/esm/index.mjs" for import "Navbar"

    node_modules/.pnpm/@refinedev+mantine@2.28.16_@emotion+react@11.11.1_@mantine+core@7.1.7_@mantine+form@7.1.7_@ma_uwtpencjuswysal3gjy55gi7ly/node_modules/@refinedev/mantine/dist/esm/index.js:1:53206:
      1 │ ...mport{Box as tp,Drawer as rp,Navbar as ro,NavLink as vo,ScrollAr...
        ╵                                 ~~~~~~

✘ [ERROR] No matching export in "node_modules/.pnpm/@mantine+core@7.1.7_@mantine+hooks@7.1.7_@types+react@18.2.32_react-dom@18.2.0_react@18.2.0/node_modules/@mantine/core/esm/index.mjs" for import "MediaQuery"

    node_modules/.pnpm/@refinedev+mantine@2.28.16_@emotion+react@11.11.1_@mantine+core@7.1.7_@mantine+form@7.1.7_@ma_uwtpencjuswysal3gjy55gi7ly/node_modules/@refinedev/mantine/dist/esm/index.js:1:53250:
      1 │ ...ink as vo,ScrollArea as Rt,MediaQuery as So,Tooltip as wo,useMan...
        ╵                               ~~~~~~~~~~

✘ [ERROR] No matching export in "node_modules/.pnpm/@mantine+core@7.1.7_@mantine+hooks@7.1.7_@types+react@18.2.32_react-dom@18.2.0_react@18.2.0/node_modules/@mantine/core/esm/index.mjs" for import "Header"

    node_modules/.pnpm/@refinedev+mantine@2.28.16_@emotion+react@11.11.1_@mantine+core@7.1.7_@mantine+form@7.1.7_@ma_uwtpencjuswysal3gjy55gi7ly/node_modules/@refinedev/mantine/dist/esm/index.js:1:62246:
      1 │ ...port{Avatar as yp,Flex as Xt,Header as gp,Title as xp,useMantine...
        ╵                                 ~~~~~~

✘ [ERROR] No matching export in "node_modules/.pnpm/@mantine+core@7.1.7_@mantine+hooks@7.1.7_@types+react@18.2.32_react-dom@18.2.0_react@18.2.0/node_modules/@mantine/core/esm/index.mjs" for import "MediaQuery"

    node_modules/.pnpm/@refinedev+mantine@2.28.16_@emotion+react@11.11.1_@mantine+core@7.1.7_@mantine+form@7.1.7_@ma_uwtpencjuswysal3gjy55gi7ly/node_modules/@refinedev/mantine/dist/esm/index.js:1:62359:
      1 │ ...t";import{ActionIcon as Kt,MediaQuery as Zt}from"@mantine/core";...

http://localhost:5173/ won't open

Expected behavior

pnpm run dev (refine dev) works normally

Additional Context

@refinedev/core@4.44.7
@refinedev/mantine@2.28.16
@mantine/core@7.1.7

[BatuhanW]

Hello @d9k, thanks for the issue. Right now our official @refinedev/mantine package supports version 5. We don't have official support yet for version 7, but we are open to contributions if someone wants to take it.

[d9k]

@BatuhanW, it's better to fix Installation & Usage doc | @refinedev/mantine first, add working Mantine versions to example installation command:

npm install @mantine/core@^5.10.4 -- . . .

[BatuhanW]

@BatuhanW, it's better to fix Installation & Usage doc | @refinedev/mantine first, add working Mantine versions to example installation command:

npm install @mantine/core@^5.10.4 -- . . .

Thanks for the heads-up @d9k, we've updated readme.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[SeanBarker182]

Has there been any updates on this? I saw on discord that there was a WIP PR targeted for a February 2024 release but it looks like it never made it in.

I dabbled with writing a PR for it but the tooling was giving me trouble. Don't want to get too far in the weeds if someone already tackled it.