Support Mantine v8

[IsaacInsoll]

mantine-react-table version

^2.0.0-beta.9

react & react-dom versions

19.1

Describe the bug and the steps to reproduce it

Mantine v8 is out. mantine-react-table v2 doesn't seem to have any issues with v8 but it would be nice to formalise that as I'm currently getting warnings when doing npm install

Minimal, Reproducible Example - (Optional, but Recommended)

  "@mantine/core": "^8",  
  "mantine-react-table": "^2.0.0-beta.9",

results in

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: @mantine/[email protected]
npm ERR! node_modules/@mantine/core
npm ERR!   @mantine/core@"^8" from the root project
npm ERR!   peer @mantine/core@"8.0.0" from @mantine/[email protected]
npm ERR!   node_modules/@mantine/dates
npm ERR!     @mantine/dates@"^8" from the root project
npm ERR!   1 more (@mantine/notifications)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @mantine/core@"^7.9" from [email protected]
npm ERR! node_modules/mantine-react-table
npm ERR!   mantine-react-table@"^2.0.0-beta.9" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: @mantine/[email protected]
npm ERR! node_modules/@mantine/core
npm ERR!   peer @mantine/core@"^7.9" from [email protected]
npm ERR!   node_modules/mantine-react-table
npm ERR!     mantine-react-table@"^2.0.0-beta.9" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

Screenshots or Videos (Optional)

No response

Do you intend to try to help solve this bug with your own PR?

None

Terms

• [x] I understand that if my bug cannot be reliably reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.

[QuaduxIT]

I was able to "solve" these errors with the following override configuration:

 
 "overrides": {
   "mantine-react-table": {
     "@mantine/core": "^8.0.0",
     "@mantine/hooks": "^8.0.0",
     "@mantine/dates": "^8.0.0"
   }
 }

From what I can tell, mantine-react-table doesn't seem to be affected by the changes in Mantine v8.

However, only the maintainers can officially confirm compatibility.

[alessandrojcm]

Hi yes we'll be implementing support for Mantine v8. Date filters are likely to break as they have been changed in v8 (they now take string instead of dates). Most other functionality should work as v8 does not introduce many breaking changes.

[glowtape]

Official support for v8 would indeed be neat. Right now NPM is having a ball with my project and is mixing 7.17.4 with 8.0.1 and breaking everything.

[KevinVandy]

Yeah sorry, right now it's just a matter of me having time to work on this again

[sofakng]

Has there been any updates to this?

I’m using Vite v6.3.5 and Mantine v8.1.2. If I use the overrides listed above it seems to work, but VIte takes 15 seconds or longer for each reload. I’m new to Node.js/Mantine/MRT but I’ve been using a lot of other modules without any problem but once I include MantineReactTable there are thousands of chunk requests to load Mantine-react-table.js so something seems very wrong …?

[glowtape]

It's the Tabler Icons used in MRT for the toolbar.

See this to alleviate the issue: https://github.com/tabler/tabler-icons/issues/1233#issuecomment-2428245119

[sofakng]

It's the Tabler Icons used in MRT for the toolbar.

See this to alleviate the issue: tabler/tabler-icons#1233 (comment)

Thanks! That solved the problem.

Hopefully MRT is still updated to fully support Mantine v8.x though.

[alessandrojcm]

Hey guys, we will update this eventually, but we cannot commit on a timeline. Mantine v8 only has breaking chages for dates and little more, so happy to review PRs if anyone wants to give it a shot (it'd be a major version bump though).

[nikita-sisutech]

Another issue is that dragging columns in details panel is not working anymore and it won't be fixed in Mantine's package. https://github.com/mantinedev/mantine/issues/7939

[masterbater]

Another issue is that dragging columns in details panel is not working anymore and it won't be fixed in Mantine's package. mantinedev/mantine#7939

why would you need dragging inside expanded details panel, to circumvent this use modal or open another route

[sd44]

I'm a beginner in web programming and I really like this project. I'm keen to contribute with some miscellaneous tasks.

I've already tried some upgrade and adaptation work for fun. https://github.com/sd44/mantine-react-table/tree/v3 . If you're looking for contributors, I'd be happy to break down and submit relevant pull requests.

support mantine v8 (progressing) TODO:

1. The minimum version requirements for libraries such as Node.js, React, ESLint, Mantin, etc. (should be inquired from the maintainers)
2. @mantine/dates v8 breakchange( I can not fix this issue)
3. apps/mantine-react-table-docs nextjs legacyBehavior deperates

update the latest package versions in packages/mantine-react-table:

1. storybook from v8 to v9( @vueless/storybook-dark-mode instead of storybook-dark-mode),
2. eslint v9, react 19, mantine v8 ...

[nikita-sisutech]

Another issue is that dragging columns in details panel is not working anymore and it won't be fixed in Mantine's package. mantinedev/mantine#7939

why would you need dragging inside expanded details panel, to circumvent this use modal or open another route

Probably, I mixed up the names. I was talking about reordering columns via show/hide columns menu. It's broken using last version of Mantine, because it uses MenuItem component and dragging is not working anymore for this component

https://www.mantine-react-table.com/docs/guides/column-ordering-dnd#enable-column-ordering-with-drag-and-drop

[masterbater]

Another issue is that dragging columns in details panel is not working anymore and it won't be fixed in Mantine's package. mantinedev/mantine#7939

why would you need dragging inside expanded details panel, to circumvent this use modal or open another route

Probably, I mixed up the names. I was talking about reordering columns via show/hide columns menu. It's broken using last version of Mantine, because it uses MenuItem component and dragging is not working anymore for this component

https://www.mantine-react-table.com/docs/guides/column-ordering-dnd#enable-column-ordering-with-drag-and-drop

Sheesh you are right, nice catch

[masterbater]

Has there been any updates to this?

I’m using Vite v6.3.5 and Mantine v8.1.2. If I use the overrides listed above it seems to work, but VIte takes 15 seconds or longer for each reload. I’m new to Node.js/Mantine/MRT but I’ve been using a lot of other modules without any problem but once I include MantineReactTable there are thousands of chunk requests to load Mantine-react-table.js so something seems very wrong …?

I experience this, the root issue is the tabler icons, you can update to the latest version or use alias

https://github.com/tabler/tabler-icons/issues/1233#issuecomment-2428245119

[fassone]

is there any plan to update this?