I can see the visual differences come from different chart options. Kindly refer to the React
implementation with the correct ones.
When it comes to Next.js, I can see there is an error when importing the
solid-gauge module. I performed some tests and most of the other available modules seem to work fine. I think the main problem lies in the SSR run by Next.js. Despite the defined
"use client" directive, Next.js still prerenders such components on the server side, which may be misleading at first sight. What is basically needed to overcome this, is a 100% client environment to make sure the browser API exists.
I've started an internal discussion to handle such an implementation correctly, and for now, I would like to refer you to
this ESM workaround. Also, kindly refer to the related
thread.
Let me know if there's anything else I can help you with,
Regards!