Next.js ESLint rule to enforce prefetch={false} for links

.eslintrc.js

const rulesDirPlugin = require("eslint-plugin-rulesdir");
rulesDirPlugin.RULES_DIR = "eslint-rules";

module.exports = {
  rules: {
    "rulesdir/no-link-prefetch": "error",
  }
}

no-link-prefetch.js

module.exports = {
  meta: {
    type: "problem",
    docs: {
      description: "Enforce that Next.js <Link/> are not prefetched",
    },
    schema: [],
  },
  create(context) {
    return {
      JSXOpeningElement(node) {
        if (node.name.type !== "JSXIdentifier" || node.name.name !== "Link") {
          return;
        }

        const hasPrefetch = node.attributes.some(
          (a) =>
            a.type === "JSXAttribute" &&
            a.name.name === "prefetch" &&
            a.value &&
            a.value.type === "JSXExpressionContainer" &&
            a.value.expression.type === "Literal" &&
            a.value.expression.value === false
        );

        if (hasPrefetch) {
          return;
        }

        context.report({
          node,
          message:
            "<Link/> should have prefetch={false} to prevent unnecessary supabase calls",
        });
      },
    };
  },
};