RocketChat/Rocket.Chat

import { useEffectEvent } from '@rocket.chat/fuselage-hooks';
import { useSetModal } from '@rocket.chat/ui-contexts';
import type { FC } from 'react';
import React from 'react';

export const useCreateRoomModal = (Component: FC<any>): (() => void) => {
    const setModal = useSetModal();

    return useEffectEvent(() => {
        const handleClose = (): void => {
            setModal(null);
        };

        setModal(() => <Component onClose={handleClose} />);
    });
};