Unresolved stylesheet

[kevindptr21]

Describe the bug
Fresh install the blocknote with mantine is getting error caused unresolved stylesheet.
When im lookin at node_modules its doesn't have any styles dir inside @mantine/core

BlockNote: v0.40.0
@mantine/core: v8.3.3
@mantine/hooks: v8.3.3
@mantine/utils: v6.0.22

To Reproduce
this is what i got inside node_modules

1. script inside mantineStyles.css

2. this is inside the @matine package

Misc
the Docs said:

import "@blocknote/core/fonts/inter.css";
import "@blocknote/mantine/style.css";

But this is what i did to fix them

import '@mantine/core/styles.css'
import '@blocknote/core/fonts/inter.css'
import '@blocknote/mantine/blocknoteStyles.css'

• Node version: 20.19
• Package manager: pnpm@10.15
• Browser: Chrome v140.0.7339.214 (Official Build) (arm64)

[matthewlipski]

We recently changed the setup process for the Mantine version of BlockNote to work better in apps which already use Mantine UI. You now have to install Mantine yourself, alongside the BlockNote packages, and seems like a missing Mantine dependency is causing your error. Check the docs for more info.

[hackntest]

I've been experiencing the same issue after upgrading both Mantine and Blocknote to latest. This is a project that uses Mantine for all the UI, so everything is installed, and was working fine before the upgrade to 0.40.0

[kevindptr21]

I've been experiencing the same issue after upgrading both Mantine and Blocknote to latest. This is a project that uses Mantine for all the UI, so everything is installed, and was working fine before the upgrade to 0.40.0

yes, just wait them to fix the css file. for now, its better to importing the style from mantine/core and blockNotestyle instead like what im mentioned above

import '@mantine/core/styles.css'
import '@blocknote/mantine/blocknoteStyles.css'

[matthewlipski]

Alright this seems to be an issue on Mantine's end - v8.3.3 of @mantine/core appears to be missing the /styles directory. I've submitted a ticket for the issue (mantinedev/mantine#8334).

@kevindptr21's fix works well if your app is already using Mantine UI, otherwise I would recommend locking your @mantine/core and @mantine/hooks dependencies to version 8.3.2 until the problem gets resolved.