为什么react-dnd useDrop钩子中的回调函数不能更新父组件状态？

import React, { useState, useRef } from 'react';
import { useDrop } from 'react-dnd';

const MyComponent = () => {
  const [state, setState] = useState('initial state');
  const stateRef = useRef(state);

  const [{ isOver }, drop] = useDrop({
    accept: 'item',
    drop: () => {
      // 获取最新的状态值
      const newState = stateRef.current;

      // 执行其他逻辑

      // 手动更新父组件的状态
      setState(newState);
    },
    collect: monitor => ({
      isOver: monitor.isOver(),
    }),
  });

  return (
    <div ref={drop}>
      {isOver ? 'Release to drop' : 'Drag item here'}
    </div>
  );
};

export default MyComponent;