Estoy usando mathjs para mi proyecto en React, mi objetivo es crear la función matemática de cadena 'f(X)' y cada vez que doy un número de X y recibo el resultado de la función pero no funciona, esto es el código

 import "./styles.css"; import maths from "mathjs"; export default function App() { const parser = maths.parser(); return ( <div className="App"> <h1>{parser.evaluate("f(x)=12x")}</h1> <h2>{parser.evaluate("f(1)")}</h2> </div> ); }

y yo recibi ese mensaje

 TypeError Cannot read properties of undefined (reading 'parser') App /src/App.js:4:23 1 | import "./styles.css"; 2 | import maths from "mathjs"; 3 | export default function App() { > 4 | const parser = maths.parser(); | ^ 5 | return ( 6 | <div className="App"> 7 | <h1>{parser.evaluate("f(x)=12x")}</h1>

puedes darme otra idea o sugerencia, estaré muy contento

Nueva edición Probé también esto

 import "./styles.css"; import { evaluate } from "mathjs"; export default function App() { return ( <div className="App"> <h1>{evaluate("f(x) = (sin(x) + cos(x/2)) * 5")}</h1> <h2>{evaluate("f(1)")}</h2> </div> ); }

y lo recibi

 Error Undefined function f ▶ 6 stack frames were collapsed. App /src/App.js:7:20 4 | return ( 5 | <div className="App"> 6 | <h1>{evaluate("f(x) = (sin(x) + cos(x/2)) * 5")}</h1> > 7 | <h2>{evaluate("f(1)")}</h2> | ^ 8 | </div> 9 | ); 10 | }