以上这些对我都不起作用，但事实证明解决办法相当简单...
我所做的错误是没有显式地将“null”作为参数包含在useRef初始化中（它需要null，而不是未定义）。此外，您不能使用“HTMLElement”作为您的ref类型，您必须更具体，所以对我来说，它是“HTMLDivElement”的例子）。
我的工作代码是这样的：

const ref = useRef<HTMLDivElement>(null);

return <div ref={ref}> Some Content... </div>

只需导入React：

import React, { useRef } from 'react';

function Test() {
    const node = useRef<HTMLDivElement>(null);

    if (
        node &&
        node.current &&
        node.current.contains()
    ){ console.log("current accessed")}

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

我做了一个更新。使用HTMLDivElement作为泛型参数，而不是HTMLElement | null。另外，contains需要一个参数。

UPDATEuseRef需要DOM元素类型的泛型参数。您不需要使用| null，因为RefObject已经知道current可能为null。

参见下一类型：

interface RefObject<T> {
  readonly current: T | null
}

TS & React足够聪明，能够判断出您的ref可能为空

我来这里寻求iframe引用的帮助。也许这个解决方案将帮助其他正在寻找相同东西的人。我用HTMLIFrameElement替换了HTMLDivElement，所以：

const node = useRef<HTMLIFrameElement>(null);

<svg>元素也是如此：

const ref = useRef<SVGSVGElement>(null)
...
<svg ref={ref} />

selfref = React.createRef<HTMLInputElement>()

我给予了精确的TS类型，然后编辑器通过了检查。现在它工作得很好。

关键是使用HTMLElement和undefined进行初始化

const node = useRef<HTMLElement>();

看完所有答案后，我不确定其中任何一个是否能完全回答/解释问题。在这种情况下，问题有两个方面：

• 我们需要使用不同的HTML界面对象-〉HTMLDivElement
• 我们需要将默认值传递给引用初始化

React useRef 函数实际上有3个不同的签名（在React 16.8中）：
如果传递的默认值与泛型类型的类型相同

function useRef\<T>(initialValue: T): MutableRefObject<T>;

如果我们传递一个与泛型类型OR null相同类型的默认值（如这里的许多响应所示）

function useRef\<T>(initialValue: T|null): RefObject<T>;

如果不传递默认值AND/OR，则不传递泛型类型

function useRef\<T = undefined>(): MutableRefObject<T | undefined>;

真实的的问题归结为 MutableRefObject 和 LegacyRef 的不兼容性。我猜React团队对引用的数据类型进行了更改，因此我们有多个签名和基于我们传递的引用类型。
从react eslint得到一个更好的错误消息是很好的，至少我们得到的通用TS错误消息不足以立即发现错误。
Tl;dr：在 useRef 对象中传递 null 作为默认值将给予同时满足 MutableRefObject 和 LegacyRef（可能）的引用对象