react-dnd的useDrag方法无法在typescript中获取isDragging

Question

我是使用typescript的react的新手，我正在使用typescript的react-dnd包实现拖放功能。根据此blog，我尝试拖动图像，但我面临一个问题

类型unknown上不存在属性isDragging

代码：

const [{ isDragging }, drag] = useDrag({
        // item denotes the element type, unique identifier (id) and the index (position)
        item: { type, id: image.id, index },
        // collect method is like an event listener, it monitors whether the element is dragged and expose that information
        collect: monitor => ({
          isDragging: monitor.isDragging()
        })
      });

我得到的错误是：

​

我对isDragging的设置类型感到困惑，或者如何解决这个错误？

Answer 1

从react-dnd TSX示例中获得答案

sandbox url

const [{ isDragging }, drag] = useDrag({
        type: "image",
        item: () => {
          return { id, index }
        },
        collect: (monitor: any) => ({
          isDragging: monitor.isDragging(),
        }),
      })

类型不是可选的，我们需要为其定义类型