Server functions work on event handler props in Server Components — is this intended?

This isn't a bug report - the behaviour described below works correctly. I'm raising this to ask whether it's intended/stable behaviour and whether it should be documented.

React version: 19

Steps To Reproduce

1. Create a Server Component (no "use client" directive)
2. Define a server function ("use server") inside it
3. Pass the server function directly to an event handler prop on a native element (e.g., onClick, onMouseEnter)
4. Trigger the event — it sends a POST request to the server and executes the function

Link to code example:

// This is a Server Component (no "use client" directive)
export default function Page() {
  async function handleClick() {
    "use server";
    console.log("click");
  }
 
  async function handleHover() {
    "use server";
    console.log("hovering...");
  }
 
  return (
    <div>
      <button onClick={handleClick}>Click me</button>
      <h2 onMouseEnter={handleHover}>Hover me</h2>
    </div>
  );
}

Note: Passing the event object to the server function (e.g., onClick={(e) => handleClick(e)}) errors out, presumably because the event cannot be serialized. The bare function reference works fine.

Tested across

The fact that this works on both Next.js and Waku suggests it's a React-level behavio