MDBSelect validation crashes the application on data change

Since MDBSelect is not among the supported elements by MDBValidation, the only way to validate this component is to use its validation property. When using this property, if you change the data of the select component, an error will occur that crashes the whole UI:

Uncaught TypeError: Le[e] is undefined

Steps to reproduce:

1. Run the code below.
2. Select an item from 'One', 'Two' or 'Three' from the select component.
3. Click on the Clear Items button.
4. See what happens.

Example code:

import React, { useMemo, useState } from 'react';
import { MDBBtn, MDBCol, MDBContainer, MDBSelect, MDBValidation } from 'mdb-react-ui-kit';

export default function App() {
    const [items, setItems] = useState(['One', 'Two', 'Three']);

    const data = useMemo(() => [{ text: 'None', value: 0 }].concat(items.map(item => ({
        text: item, value: item
    }))), [items]);

    return (
        <MDBContainer className="p-3">
            <MDBValidation className="row g-4">
                <MDBCol md={6}>
                    <MDBSelect
                        label="Items"
                        data={data}
                        validation />
                </MDBCol>

                <MDBCol md={6}>
                    <MDBBtn type="button" onClick={(e) => setItems(['One'])}>
                        Clear Items
                    </MDBBtn>

                    <MDBBtn type="submit" className="ms-2">
                        Submit
                    </MDBBtn>
                </MDBCol>
            </MDBValidation>
        </MDBContainer>
    );
}

Removing the validation property will fix this but then we have no validation!