fix: replace useEffect() with useMount() when prefecthing images

compsci-adl · Oct 31, 2024 · 766695d · 766695d
1 parent 63c1a4f
commit 766695d
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/HelpModal.tsx b/src/components/HelpModal.tsx
@@ -16,6 +16,7 @@ import { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { useHelpModal } from '../helpers/help-modal';
+import { useMount } from '../utils/mount';
 import { prefetchImages } from '../utils/prefetch-image';
 
 export const HelpModal = () => {
@@ -74,10 +75,10 @@ export const HelpModal = () => {
 		},
 	];
 
-	useEffect(() => {
+	useMount(() => {
 		const imagePaths = STEPS.map((step) => step.image.path);
 		prefetchImages(imagePaths);
-	}, []);
+	});
 
 	const helpModal = useHelpModal();