@mantine/carousel requires embla-carousel-react@^7.1.0 which in turn does not support react 19

[aviyadeveloper]

Dependencies check up

• I have verified that I use latest version of all @mantine/* packages

What version of @mantine/* packages do you have in package.json?

7.16.1

What package has an issue?

@mantine/carousel

What framework do you use?

Next.js

In which browsers you can reproduce the issue?

Not applicable – issue is not related to the browser

Describe the bug

As mentioned in the title, the dependency chain is not compatible with react 19.

@mantine/carousel requires an outdated version of embla-carousel-react which in does not support react v19.

This means that it is not possible to downgrade the embla-carousel-react package in order to fix certain issues such as:

#5039 (draggable prop does not work)

If possible, include a link to a codesandbox with a minimal reproduction

No response

Possible fix

No response

Self-service

• I would be willing to implement a fix for this issue

[AprilPolubiec]

Having the same issue.. is there any workaround other than downgrading React?

[rtivital]

embla-carousel and other packages related to embla update to the next major version require breaking changes. It is not planned to implement these changes in 7.x releases. These changes will be made in 8.0 release.

[aviyadeveloper]

@AprilPolubiec I just use --force flag for now. Guess we got to wait for v8.