No createRef

import eslintJs from "@eslint/js";
import { defineConfig as defineReactConfig, merge } from "@eslint-react/kit";
import { defineConfig } from "eslint/config";
import tseslint from "typescript-eslint";

export default defineConfig(
  {
    files: ["**/*.{ts,tsx}"],
    extends: [
      eslintJs.configs.recommended,
      tseslint.configs.recommended,
      defineReactConfig(
        {
          name: "no-create-ref",
          make: (ctx, kit) => {
            const isCreateRefCall = kit.is.reactAPICall("createRef");

            return {
              CallExpression(node) {
                if (isCreateRefCall(ctx, node)) {
                  ctx.report({
                    node,
                    message: "Don't use 'createRef'. Use the 'useRef' hook instead.",
                  });
                }
              },
            };
          },
        },
      ),
    ],
  },
);

import React from "react";

class MyComponent extends React.Component {
  ref = React.createRef<HTMLDivElement>();

  render() {
    return <div ref={this.ref}>Hello</div>;
  }
}

import { createRef } from "react";

const ref = createRef<HTMLInputElement>();

import { useRef } from "react";

function MyComponent() {
  const ref = useRef<HTMLDivElement>(null);
  return <div ref={ref}>Hello</div>;
}