Hi!

The problem is with the container we provided to popper.js (we used a document.body here). We'll fix that in the next release but now you can create a boolean state that'll update in the useEffect hook after rendering the page and render the Autocomplete component only if the window is rendered. So the example code should look like this:

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

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

export default function App() {
  const [data, setData] = useState(defaultData);
  const [isRendered, setIsRendered] = useState(false);

  const onSearch = (value) =>
    setData(
      defaultData.filter((item) =>
        item.toLowerCase().startsWith(value.toLowerCase())
      )
    );

  useEffect(() => {
    if (typeof window === "object") {
      setIsRendered(true);
    }
  }, []);

  return isRendered ? (
    <MDBAutocomplete
      size="lg"
      data={data}
      id="inputSearch"
      label="Example label"
      onSearch={onSearch}
    />
  ) : null;
}