How can I create custom eslint rules on this repo?

[dBianchii]

I was trying to create custom eslint rules using typescript-eslint's custom rules: https://typescript-eslint.io/developers/custom-rules/

But I haven't managed to do it. Specifically, I was trying to add this custom rule just as an example and a starting point:

customPlugin.ts

import { ESLintUtils } from "@typescript-eslint/utils";

type MessageIds = "default";
type Options = { functionNames: string[] }[];
const createRule = ESLintUtils.RuleCreator(
  (name) => `https://kodix.com.br/rule/${name}`,
);

const explicitGenerics = createRule<Options, MessageIds>({
  name: "explicit-generics",
  meta: {
    docs: {
      description:
        "Enforces that certain functions must have their TypeScript generics inputs be provided",
    },
    messages: {
      default: "'{{callee}}' should include generics in function call",
    },
    type: "problem",
    schema: [
      {
        type: "object",
        properties: {
          functionNames: {
            type: "array",
            items: [
              {
                type: "string",
              },
            ],
            uniqueItems: true,
          },
        },
      },
    ],
  },
  defaultOptions: [],
  create(context) {
    return {
      CallExpression(node) {
        if (
          node.callee.type === "Identifier" &&
          context.options[0]!.functionNames.includes(node.callee.name)
        ) {
          if (!node.typeArguments) {
            context.report({
              messageId: "default",
              data: { callee: node.callee.name },
              node: node.callee,
            });
          }
        }
      },
    };
  },
});

export const customPlugin = {
  rules: {
    "explicit-generics": explicitGenerics,
  },
};

eslint/react.js

import reactPlugin from "eslint-plugin-react";
import hooksPlugin from "eslint-plugin-react-hooks";

import { customPlugin } from "./customPlugin";

/** @type {Awaited<import('typescript-eslint').Config>} */
export default [
  {
    files: ["**/*.ts", "**/*.tsx"],
    plugins: {
      react: reactPlugin,
      "react-hooks": hooksPlugin,
      customPlugin,
    },
    rules: {
      ...reactPlugin.configs["jsx-runtime"].rules,
      ...hooksPlugin.configs.recommended.rules,

      "customPlugin/explicit-generics": ["error", { functionNames: ["post"] }],
    },
    languageOptions: {
      globals: {
        React: "writable",
      },
    },
  },
];

Does anyone have a working example of how to create such rules?