@evergis/react 3.1.129 → 3.1.130

package/dist/react.esm.js

@@ -11679,19 +11679,24 @@ const StyledSvg = styled(Flex) `
 
 const SvgImage = memo(({ url, width, height, fontColor }) => {
     const [svg, setSvg] = useState(null);
-    const [loading, setLoading] = useState(false);
-    useEffect(() => {
-        if (!url || loading) {
+    const loadingRef = useRef(false);
+    const fetchSvg = useCallback(() => {
+        if (!url || loadingRef.current)
             return;
-        }
-        setLoading(true);
-        fetch(url)
+        loadingRef.current = true;
+        const token = window.localStorage.getItem(STORAGE_TOKEN_KEY);
+        fetch(url, {
+            headers: token ? { Authorization: `Bearer ${token}` } : {},
+        })
             .then(res => (res.ok ? res.text() : null))
             .then(setSvg)
             .finally(() => {
-            setLoading(false);
+            loadingRef.current = false;
         });
     }, [url]);
+    useEffect(() => {
+        fetchSvg();
+    }, [fetchSvg]);
     useEffect(() => () => {
         setSvg(null);
     }, []);