I would like to explain my problem of the day

currently I use a modal works very well

so my problem and the next one

When I close my modal I correctly unmount the states,

logically i have an animation will have to be carried out during the closing, and the nothing, I have the impression that I disassemble my component too quickly

import React, { useState } from "react";

function Lead() {

const [isModalOpen, setModalOpen] = useState(false);

const handleDisplayModal = (value) => {
    setModalOpen(value);
};

return (
    <div>
        {isModalOpen && (
            <Modal
                onClose={() => handleDisplayModal(false)}
                isOpen={isModalOpen}
            />
        )}
        <Top
            setModalOpen={setModalOpen}
        />   
    </div>
);
}

export default Lead;

I am open to any proposal thank you very much.