im so confused on why both these links would cause a full page rerender, here is the code

"use client";
import Link from "next/link";

export default function DashboardPage() {
  const createLink = () => {
    return (
      <Link href="/other">
        <span>other</span>
      </Link>
    );
  };
  return (
    <>
      {createLink()}
      <Link href="/other" prefetch={true}>
        <span className="text-blue-300">other w/ prefetch</span>
      </Link>
    </>
  );
}