Skip to content

Commit 5867ee5

Browse files
committed
fix: build error
1 parent ba620ee commit 5867ee5

File tree

1 file changed

+19
-15
lines changed

1 file changed

+19
-15
lines changed

src/pages/index.tsx

+19-15
Original file line numberDiff line numberDiff line change
@@ -192,28 +192,32 @@ export default function Home() {
192192
};
193193

194194
useEffect(() => {
195-
const hoverElement = document.querySelector("h1");
196-
const originalColor = "var(--color-text)";
195+
useEffect(() => {
196+
const hoverElement = document.querySelector("h1");
197+
const originalColor = "var(--color-text)";
197198

198-
hoverElement.addEventListener("mouseenter", function () {
199-
const randomColor = getRandomColor();
200-
hoverElement.style.color = randomColor;
201-
});
202-
203-
hoverElement.addEventListener("mouseleave", function () {
204-
hoverElement.style.color = originalColor;
205-
});
206-
207-
return () => {
208-
hoverElement.removeEventListener("mouseenter", function () {
199+
if (hoverElement) {
200+
hoverElement.addEventListener("mouseenter", function () {
209201
const randomColor = getRandomColor();
210202
hoverElement.style.color = randomColor;
211203
});
212204

213-
hoverElement.removeEventListener("mouseleave", function () {
205+
hoverElement.addEventListener("mouseleave", function () {
214206
hoverElement.style.color = originalColor;
215207
});
216-
};
208+
209+
return () => {
210+
hoverElement.removeEventListener("mouseenter", function () {
211+
const randomColor = getRandomColor();
212+
hoverElement.style.color = randomColor;
213+
});
214+
215+
hoverElement.removeEventListener("mouseleave", function () {
216+
hoverElement.style.color = originalColor;
217+
});
218+
};
219+
}
220+
}, []);
217221
}, []);
218222

219223
function getRandomColor() {

0 commit comments

Comments
 (0)