Expected behavior

I want to show search in MDBSelect. My code is as follow

   <MDBSelect className="my-0" outline search searchLabel="Write here" selected={values.jobRoleId} getValue={val => {
       helpers.triggerChangeEvent("jobRoleId", val[0]) }}>
      <MDBSelectInput selected={t("COMMON.VALUES.UNDEFINED")} />
      <MDBSelectOptions>
        <MDBSelectOption disabled>{t("COMMON.VALUES.UNDEFINED")}</MDBSelectOption>
            {jobRoles.map((item, index) => (
              <MDBSelectOption key={index} value={item.id} checked={values.jobRoleId == item.id}>{item[`jobRole_${lang}`]}</MDBSelectOption>
            ))}
       </MDBSelectOptions>
   </MDBSelect>

Actual behavior

But does not show Searchbar