在我的钩子中，我想保留一个对HTML元素的引用。元素的类型可以是从HTMLElement继承的任何类，如HTMLDivElement，HTMLAnchorElement等。

const useSomething = () => {
  const ref = useRef<HTMLElement | null>(null);

  return ref;
};

const Component = () => {
  const ref = useSomething();

  return <div ref={ref} />;
};

字符串
类型HTMLDivElement继承自HTMLElement，但代码导致以下错误

Type 'MutableRefObject<HTMLElement | null>' is not assignable to type 'LegacyRef<HTMLDivElement> | undefined'.
  Type 'MutableRefObject<HTMLElement | null>' is not assignable to type 'RefObject<HTMLDivElement>'.
    Types of property 'current' are incompatible.
      Type 'HTMLElement | null' is not assignable to type 'HTMLDivElement | null'.
        Property 'align' is missing in type 'HTMLElement' but required in type 'HTMLDivElement'.ts(2322)

型
我通过AssertRefObject<HTMLDivElement>的引用解决了这个问题

<div ref={ref as RefObject<HTMLDivElement>} />;

型
但是强制性的是，人们不需要对组件中的ref执行任何额外的操作。

<div ref={ref}/>; // no warnings

型
有没有办法在组件中不使用ref as RefObject<HTMLDivElement>的情况下解决这个问题？