import React, { useEffect } from 'react';
import { message } from 'antd';
export default function Render(props) {
    const [messageApi, contextHolder] = message.useMessage();
    const { data, key, messageHandler } = props.data;
    useEffect(() => {
        if (data) {
            if (messageHandler) {
                try {
                    const result = messageHandler(data);
                    if (result instanceof Promise) {
                        void result.catch((err) => console.error(err));
                    }
                }
                catch (err) {
                    console.error(err);
                }
            }
            else {
                messageApi[data.type]({ ...data, key });
            }
        }
    }, [data, key, messageHandler]);
    return messageHandler ? null : <>{contextHolder}</>;
}