i m using updated node version, also using "use client"
unable to figure out where it is going wrong

<div className="flex">
            <Image
              src="/assets/images/logo.svg"
              width={37}
              height={37}
              className="rounded-full hover:bg-sky-900"
              alt="logo"
              onClick={handleToggle}
            />
            {toggleDropdown && (
              <div className="dropdown">
                <Link
                  href="/profile"
                  className="dropdown_link"
                  onClick={() => setToggleDropdown(false)}
                >
                  My Profile
                </Link>
                <Link
                  href="/create-prompt"
                  className="dropdown_link"
                  onClick={() => setToggleDropdown(false)}
                >
                  Create Prompt
                </Link>
                <button
                  type="button"
                  onClick={() => {
                    setToggleDropdown(false);
                    signOut();
                  }}
                  className="mt-5 w-full black_btn"
                >
                  Sign Out
                </button>
              </div>
            )}
          </div>

          <Link
            href="/profile"
            className="dropdown_link"
            onClick={console.log("1")}
          >
            My Profile
          </Link>

onClick as above are logged on rendering and not on click, but i m seeing these logs in terminal