Global CSS cannot be imported from within node_modules.

concludio / react-mathlive

A react wrapper-component for mathlive.js

MIT License

25 stars 16 forks source link

Global CSS cannot be imported from within node_modules. #35

Open Ibnathism opened 3 years ago

Ibnathism commented 3 years ago

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 commented 1 year ago

Same problem here; anyone have a sollution for this?

arnog commented 1 year ago

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