Hi!

You can just create a controlled input, store its value in a state, and adjust it wherever you need. Note you have to provide also an onSelect handler to update it when the user chooses an option from the list. I created a simple example, you can check it below :)

import React, { useEffect, useState } from "react";
import {
  MDBAutocomplete,
  MDBContainer,
  MDBRow,
  MDBCol,
} from "mdb-react-ui-kit";

const data = ["One", "Two", "Three", "Four", "Five", "Six", "Seven", "Eight"];

export default function App() {
  const [inputValue, setInputValue] = useState("");

  const handleChange = (e) => setInputValue(e.target.value);
  const handleSelect = (value) => setInputValue(value);

  useEffect(() => {
    if (inputValue.length < 4) return;

    setInputValue("Default");
  });

  return (
    <MDBContainer className="mt-5">
      <MDBRow className="justify-content-center mt-5">
        <MDBCol md="10">
          <MDBAutocomplete
            value={inputValue}
            onChange={handleChange}
            onSelect={handleSelect}
            className="m-3"
            size="lg"
            contrast
            id="inputText"
            name="inputText"
            threshold={3}
            noResults="Aucun résultat"
            label="Rechercher"
            dataFilter={(value) => {
              return data.filter((item) => {
                return item.toLowerCase().startsWith(value.toLowerCase());
              });
            }}
          />
        </MDBCol>
      </MDBRow>
    </MDBContainer>
  );
}