diff --git a/packages/app/src/Element/ProxyImg.tsx b/packages/app/src/Element/ProxyImg.tsx index 277f7f84..3f552a3c 100644 --- a/packages/app/src/Element/ProxyImg.tsx +++ b/packages/app/src/Element/ProxyImg.tsx @@ -1,5 +1,5 @@ import useImgProxy from "@/Hooks/useImgProxy"; -import React, { HTMLProps, ReactNode, forwardRef, useState, useMemo } from "react"; +import React, { HTMLProps, ReactNode, forwardRef, useState, useMemo, useEffect } from "react"; import { FormattedMessage } from "react-intl"; import { getUrlHostname } from "@/SnortUtils"; @@ -19,6 +19,11 @@ export const ProxyImg = forwardRef( const proxiedSrc = useMemo(() => proxy(props.src ?? "", size, sha256), [props.src, size, sha256]); const [src, setSrc] = useState(proxiedSrc); + useEffect(() => { + setLoadFailed(false); + setSrc(proxy(props.src, size, sha256)); + }, [props.src, size, sha256, proxy]); + if (loadFailed && !bypass && (promptToLoadDirectly ?? true)) { return (