类型错误：无法设置未定义的属性（设置“钩子”）

Question

TypeError: Cannot set properties of undefined (setting 'hook')

I am working on a Nextjs application but getting this error with antd library. I'm using the modal component and tooltip component which causes a re-render on open and close and spits out this error multiple times. Same goes for the tooltip when I mouse over it. Has anyone experienced this? and how did you fix it?. Answers appreciated!

import { Button, Modal, Tooltip } from 'antd';

const [isModalOpen, setIsModalOpen] = useState(false);

<div className="d-flex gap-2">
  <Tooltip title="Edit">
    <EditOutlined className="h5 pointer text-warning" />
  </Tooltip>
  <Tooltip title="Publish">
    <CheckOutlined className="h5 pointer text-success ml-2" />
  </Tooltip>
</div>

<Button
   className="w-100"
   onClick={() => setIsModalOpen(true)}
   type="primary"
   shape="round"
   size="large"
   icon={<UploadOutlined />}
>
 Open modal
</Button>

<Modal
   title="Modal title"
   centered
   open={isModalOpen}
   onCancel={() => setIsModalOpen(false)}
   footer={null}
>
  <p>Some contents...</p>
</Modal>

Answer 1

enter image description here

I had the same error when using antd file upload.
But it was introduced by one of the Chrome extensions, not antd.
Refreshing the Chrome extension will remove this error.

Answer 2

in my case I have got that below error, when I'm using React DevTools Chrome extension. after removing that extension error are fixed