no-string-refs

react-x/no-string-refs

@eslint-react/no-string-refs

import React from "react";
 
function MyComponent() {
  return <div ref="ref" />;
  //              ^^^^^
  //              - [Deprecated] Use callback refs instead.
}

import React, { useRef } from "react";
 
function MyComponent() {
  const ref = useRef<HTMLDivElement>(null);
  return <div ref={ref} />;
}