Hi,

We noticed unexpected behavior in MDBSelect "multiselect", when we tried to update from version 1.3.0 to 1.4.0 .

Basic CRA app:

import React, { useState } from "react";
import "mdb-react-ui-kit/dist/css/mdb.min.css";
import "./App.css";
import { MDBSelect } from "mdb-react-ui-kit";

function App() {
  const [state, setState] = useState<string[]>([]);

  return (
    <div className="App">
      <MDBSelect
        search
        multiple
        searchLabel="Search..."
        label={"Label"}
        data={[
          { text: "Value 1", value: "value1" },
          { text: "Value 2", value: "value2", selected: true },
          { text: "Value 3", value: "value3" },
          { text: "Value 4", value: "value4" },
          { text: "Value 5", value: "value5" },
          { text: "Value 6", value: "value6" },
        ]}
        getValue={(e: string[]) => {
          setState(e);
        }}
      />
    </div>
  );
}

export default App;

Expected behavior

Should call getValue on option click.

Would be great if the returned data could be the "value", not "text".

Actual behavior

Infinite loop.

Please get back to us how to solve this and we would appreciate if you could update your docs. https://mdbootstrap.com/docs/b5/react/forms/select/#docsTabsAPI

Many thanks