diff --git a/src/components/debug-modal/debug-modal.jsx b/src/components/debug-modal/debug-modal.jsx index 924556daac4..65edf630cb4 100644 --- a/src/components/debug-modal/debug-modal.jsx +++ b/src/components/debug-modal/debug-modal.jsx @@ -31,6 +31,13 @@ const logTopicChange = topicIndex => { const DebugModal = ({isOpen, onClose = () => {}}) => { const [selectedTopicIndex, setSelectedTopicIndex] = useState(0); + // Preload images + useEffect(() => { + sections.forEach(section => { + new Image().src = section.image; + }); + }, []); + const handleNext = useCallback(() => { if (selectedTopicIndex < sections.length - 1) { setSelectedTopicIndex(selectedTopicIndex + 1); diff --git a/src/components/debug-modal/sections/sections.jsx b/src/components/debug-modal/sections/sections.jsx index 6b1290c67d8..6295ddbabfd 100644 --- a/src/components/debug-modal/sections/sections.jsx +++ b/src/components/debug-modal/sections/sections.jsx @@ -102,7 +102,7 @@ export const sections = [ description: