Concern about core bundle size due to react-icons and @emoji-mart/data

[yidianier]

Hi team,

First of all, thank you for the great work on BlockNote. However, I have a concern regarding the production bundle size.

When I analyzed the bundle, I found that react-icons and @emoji-mart/data are significantly increasing the total size (the latter alone adds ~400KB). I’m curious about the design decision behind this, as not every project needs these out-of-the-box assets. It feels a bit heavy for users who only want a clean WYSIWYG editor without built-in icon sets or emoji data.

I tried to set emojiMenu={false} and tried filtering them out from suggestion items, but it seems the dependency is still being bundled. While I understand the convenience of having them included, I think it would be better to make them optional and lazily loaded.

For my current project, size is a critical factor, so I’ve decided not to use BlockNote for now. I really hope this can be improved in the future, as I do appreciate the core functionality of the library.

Thanks for listening!

[nperez0111]

@yidianier for emoji data, as far as I understand they are already code-split via a dynamic import so they should only be loaded on the user's browser when they actually invoke the shortcut.

react-icons has a large package size, but should be easily tree-shaken to only pull in the icons that we actually use.

I too want for BlockNote to be less heavyweight and have consistently been paying down this tech-debt:

Can you look at what actually gets shipped to the user (i.e. downloaded) and see if it is large? Maybe there are tweaks that we can make to have this be better