From 766695d5b5393b1ca6239fb14bef84c467d7353e Mon Sep 17 00:00:00 2001
From: Yaokun <yiukuenchu@gmail.com>
Date: Thu, 31 Oct 2024 15:41:20 +1030
Subject: [PATCH] fix: replace useEffect() with useMount() when prefecthing
 images

---
 src/components/HelpModal.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/HelpModal.tsx b/src/components/HelpModal.tsx
index eaec32c..8a87892 100644
--- 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();