Repository navigation
Global CSS cannot be imported from within node_modules. #35
Description
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
Reacted by Salah Al-Dhaferi and ramon-adan
Reacted by Salah Al-Dhaferi
Activity
AdamZajler commentedon Mar 7, 2023
Same problem here; anyone have a sollution for this?
arnog commentedon Mar 8, 2023
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