Using Lanyard on a NextJS application

[Fifinixx]

I was trying to use the Lanyard on my NextJS application and I get this error

react-reconciler.development.js:7191 Uncaught TypeError: Class constructor MeshLineGeometry cannot be invoked without 'new'

I am new to this, can anyone help me here

[IvanPavlovic-web]

Hey @Fifinixx,

Lanyard uses MeshLine, which is an old library and doesntt work with newer versions of Three.js, so you end up with that error...

The best solution is to avoid Lanyard and use @react-three/drei instead. Its actively maintained and has a Line component that works out of the box. If you really need to use Lanyard, then downgrade Three.js to an older version, for example [email protected].

I did notice you posted this on Oct 13th 💀but I hope it helps hahaha. Good Luck!