I have started a fresh new project using npx create-next-app@latest command. Now, I am trying to use useEffect hook on page.tsx but it's not firing.

Here's the code-

"use client";

import Image from "next/image";
import { useEffect } from "react";

export default function Home() {
useEffect(() => {
alert("asd");
console.log("first");
}, []);

return (
// rest of the code
);
}

You can check the repo too- https://github.com/Shofol/nextjs-issue/blob/main/app/page.tsx