Expected behavior Open Modal and autocomplete Username and Password Input.

Actual behavior Open and close Modal in endless loop. Remove stored Username and Password for Website in Chrome fixes the issue but this isnt a solution. Remove getOpenState in MDBModal fixed the issue too but brakes the possibility to click outside the modal to close.

Resources (screenshots, code snippets etc.)

      <MDBModal
    show={isLoginRegisterOpen}
    tabIndex="-1"
    backdrop={false}
    getOpenState={(e) => setIsLoginRegisterOpen(e)}
  >
    <MDBModalDialog centered>
      <MDBModalContent className="bg-secondary-bright">
        <MDBModalHeader className="border-secondary-bright">
          {/* <MDBModalTitle className="">Modal title</MDBModalTitle> */}
          <MDBBtn
            className="btn-close"
            color="none"
            onClick={() => setIsLoginRegisterOpen(!setIsLoginRegisterOpen)}
          ></MDBBtn>
        </MDBModalHeader>
        <MDBModalBody className="pt-1 p-5">
          <h3>Anmelden</h3>
          <MDBInput
            className="mt-4"
            label="E-Mail"
            id="typeEmail"
            type="email"
            size="lg"
            value={email}
            labelClass="text-white"
            onChange={(e) => setEmail(e.target.value)}
          />

          <MDBInput
            className="mt-4"
            label="Passwort"
            id="typePassword"
            type="password"
            size="lg"
            labelClass="text-white"
            value={password}
            onChange={(e) => setPassword(e.target.value)}
          />
        </MDBModalBody>
      </MDBModalContent>
    </MDBModalDialog>
  </MDBModal>