如何在typescript中发出even from react钩子组件？

import React, { useEffect } from 'react';

const MyComponent: React.FC = () => {
  useEffect(() => {
    // 在这里监听事件
    const handleEvent = () => {
      // 执行事件处理逻辑
      console.log('Event occurred!');
    };

    // 添加事件监听器
    document.addEventListener('myEvent', handleEvent);

    // 清除事件监听器
    return () => {
      document.removeEventListener('myEvent', handleEvent);
    };
  }, []);

  const handleClick = () => {
    // 发出自定义事件
    const event = new Event('myEvent');
    document.dispatchEvent(event);
  };

  return (
    <button onClick={handleClick}>发出事件</button>
  );
};

export default MyComponent;