Safari has issues rendering svgs if the viewBox is missing. we saw this with react-heat-map, it just doesn't show up at all. the fix is to wrap svg in a container and add a ref to that container, then manually set the svg's viewBox in a useEffect. that makes it work on Safari. btw this seems to be a Safari-only bug. would be great if the library could be updated with a fix.
Safari has issues rendering svgs if the viewBox is missing. we saw this with react-heat-map, it just doesn't show up at all. the fix is to wrap svg in a container and add a ref to that container, then manually set the svg's viewBox in a useEffect. that makes it work on Safari. btw this seems to be a Safari-only bug. would be great if the library could be updated with a fix.