We offer guidance on common problems installing and running ReGraph. If this doesn't solve your issue, contact support.
yarn/npm hangs while installing ReGraph
Make sure you're using an up-to-date package manager.
We've seen issues when installing with older versions of yarn - we recommend using version 1.13 or greater.
The chart is too small
The ReGraph chart will try to size itself to fill its containing element.
You can use CSS properties to set the container's size, just like with any DOM element. Common sizing strategies include using:
- a fixed or percentage
height, - a flex container (
display: flexon the parent element), - absolute positioning (
position: absolute).
State updates not synchronized
If you're having trouble with synchronizing state updates, try running in production mode.
Errors when rendering ReGraph with next.js
ReGraph can only run in a web browser because it requires the DOM and other Web APIs to render correctly.
If you are using ReGraph with next.js, you need to make sure that ReGraph components are not rendered on the server side.
See the next.js documentation on how to disable SSR.
SVG icons fail to load in some browsers
If some browsers fail to load your SVG icons while others work correctly, it's likely a browser issue. One of the causes might be the size of the SVG file. To improve cross-browser compatibility, set the width and height attributes in your SVG files or optimize the size of your SVG using an optimizer such as SVGO.