Global CSS cannot be imported from within node_modules.

[Ibnathism]

I am trying to use react-mathlive in a next.js project but facing this issue

./node_modules/mathlive/dist/mathlive-fonts.css
Global CSS cannot be imported from within node_modules.
Read more: https://nextjs.org/docs/messages/css-npm
Location: node_modules/react-mathlive/dist/MathfieldComponent.js

I'm dropping nextjs documentation link here https://nextjs.org/docs/messages/css-npm

[AdamZajler]

Same problem here; anyone have a sollution for this?

[arnog]

This package is out of date and as far as I can tell no longer maintained. The good news is that using MathLive in React should be pretty straightforward since it is now a web component.

Here's an example https://gist.github.com/gerryfletch/09d9995725027fcbf060d0149441c3a8

It's actually probably more complicated than what you need since it tries to do some custom styling which is probably not needed, but that may be enough to get you started