import React, { useState } from 'react'; import { Button, Modal } from 'antd'; const App: React.FC = () => { const [isModalOpen, setIsModalOpen] = useState(false); const showModal = () => { setIsModalOpen(true); }; const handleOk = () => { setIsModalOpen(false); }; const handleCancel = () => { setIsModalOpen(false); }; return ( <> <Button type="primary" onClick={showModal}> Open Modal </Button> <Modal title="Basic Modal" open={isModalOpen} onOk={handleOk} onCancel={handleCancel} mousePosition={{ x: 300, y: 300 }} > <p>Some contents...</p> <p>Some contents...</p> <p>Some contents...</p> </Modal> </> ); }; export default App;