Reactjs – Basic onClick not firing

First time using NextJS, why is this not working. When clicking the button there is no log message in the browser. I have also tried adding onChange to an <input /> however again, doesn’t fire.

I have removed all styling from the globals.css and page.module.css file – this is literally a completely fresh NextJS project using npx create-next-app@latest

"use client";

export default function Home() {
  function handleClick() {
    console.log("hello");
  }

  return (
    <main>
      <button type="button" onClick={handleClick}>
        Click
      </button>
    </main>
  );
}