search

refinedev / refine

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

[FEAT] Mantine v7 support? #5178

Closed d9k closed 4 weeks ago

d9k commented 10 months 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 10 months 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 10 months 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 10 months 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 7 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.

stale[bot] commented 1 month 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.