The react library uses global document object which doesn't exist on server side for SSR which is why dynamic import and 'use client' directive is needed. As an optimization we can remove this library and insert SVG directly to use SSR, so this is a quick and dirty implementation, but I think is good for now.
< 1024px width (unchanged):
The react library uses global
document
object which doesn't exist on server side for SSR which is why dynamic import and'use client'
directive is needed. As an optimization we can remove this library and insert SVG directly to use SSR, so this is a quick and dirty implementation, but I think is good for now.