Warning: validateDOMNesting(...): <form> cannot appear as a descendant of <form>. How to solve this console warning?

const PaymentDetailsTabs = () => {
    const [modalShow, setModalShow] = useState(false);
    return (
        <>
            <div className="Payment-details-tab">
                <div>
                    <p>There are no any payment methods yet</p>
                    <RedButton onClick={() => setModalShow(true)} title="Add Method" />
                </div>
                <div>
                    <AddPaymentPopup
                        show={modalShow}
                        onHide={() => setModalShow(false)}
                    />
                </div>
                </div>
            </>
        )
 }