Spinner showing in all icons

[odufuwa-segun]

Describe the bug
<what's going wrong!?>
Spinner icon is showing up beside all icon buttons, see image below:

Environment: Nextjs

Edit:
I added a CSS style to the editor to hide the spinner, the icon buttons render correctly now. I do hope this isn't masking an issue.
.mantine-ActionIcon-loader {display: none}

To Reproduce
I followed the quick start instructions in https://www.blocknotejs.org/docs/quickstart

Misc

• Node version: 18.18.0
• Package manager: npm vs 9.8.1
• Browser: Chrome, Firefox
• I'm a sponsor and would appreciate if you could look into this sooner than later 💖

[odufuwa-segun]

Code:

`"use client";
import {BlockNoteEditor} from "@blocknote/core";
import {BlockNoteView, useBlockNote} from "@blocknote/react";
import "@blocknote/react/style.css";

export const Document = () => {
const editor: BlockNoteEditor = useBlockNote({});

// Renders the editor instance using a React component.
return <div className="w-full h-full p-2 py-4 overflow-hidden"><BlockNoteView editor={editor}/></div>

}`

[hgogoi2012]

Has the problem been resolved? I am also experiencing the same issue.

[leighton-tidwell]

I am experiencing this issue as well

Edit: I added a CSS style to the editor to hide the spinner, the icon buttons render correctly now. I do hope this isn't masking an issue. .mantine-ActionIcon-loader {display: none}

This did work for me however

[matthewlipski]

This was kind of a pain to diagnose, but bottom line is that it should be fixed by updating Mantine from 7.4.2 to 7.5.0. I'm not sure exactly what's causing the issue, but there seem to be styles missing in @mantine/core/styles.css for the .m-302b9fb1 selector that's used in the loader in 7.4.2. Using 7.5.0 and disabling these additional styles causes icons to have the loader visible next to them as in the screenshot.