search

refinedev / refine

A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.
https://refine.dev
MIT License
28.51k stars 2.22k forks source link

[FEAT] Mantine v7 support? #5178

Open d9k opened 1 year ago

d9k commented 1 year ago

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 commented 1 year ago

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 commented 1 year ago

@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 commented 1 year ago

@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[bot] commented 10 months ago

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[bot] commented 5 months ago

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[bot] commented 3 months ago

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 commented 2 months ago

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.

stale[bot] commented 5 hours ago

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.