ESLint: Declare only one React component per file(react/no-multi-comp)

[mdodge-ecgrow]

I am using this library throughout my application. It works beautifully! But I keep getting these ESLint errors when I use it. The two errors I usually get are: ESLint: Declare only one React component per file(react/no-multi-comp) and ESLint: Component definition is missing display name(react/display-name).

And here is an example of the code that is throwing those two errors (this is a function inside one of my components):

const deleteComment = (id) => {
    confirmAlert({
        customUI: ({ onClose }) => {
            return (
                <div className={'custom-ui-dialog'}>
                    <h1>Confirm Remove Comment</h1>
                    <div className={'body'}>
                        <h3>Are you sure you want to remove this comment?</h3>
                        <div className={'buttons'}>
                            <button onClick={onClose}>No</button>
                            <button
                                onClick={() => {
                                    deleteCommentAPI(id).then(() => {
                                        onClose();
                                    });
                                }}
                            >
                                Yes
                            </button>
                        </div>
                    </div>
                </div>
            );
        },
        closeOnEscape: false,
        closeOnClickOutside: false,
    });
};

The error shows specifically on this line: customUI: ({ onClose }) => {.

While it does not appear to be causing any real issues, I would love to be able to clean up those errors and get this fixed.