title: The 'defaultInputValue' prop of AsyncSelect in react-select?
body: <pre><code>import AsyncSelect from 'react-select/async';
  
  &lt;AsyncSelect
                cacheOptions
                isClearable={false}
                defaultInputValue={doctor.name}
                loadOptions={async (search, callback) =&gt; {
                  const doctors = await fetchDoctors(search);
                  const doctorsList = doctors.map(item =&gt; ({
                    ...item,
                    label: item.doctorName,
                    value: item.doctorName,
                  }));
                  callback(doctorsList);
                }}
                backspaceRemovesValue
                placeholder='Search for a doctor...'
                onChange={async (newVal) =&gt; {
                  const updatedOrder = { ...order };
                  updatedOrder.doctorId = newVal.id;
                  if (newVal.organization) {
                    updatedOrder.organization = newVal.organization;
                  } else {
                    updatedOrder.organization = '';
                  }
                  updateOrderRemote(updatedOrder, newVal);
                }}
  /&gt;
  </code></pre>
  <p>The 'defaultInputValue' prop on the initial render gets passed with an undefined or empty string or a string.</p>
  <p>However, after some interval <code>doctor.name</code> is available, however the <code>defaultInputValue</code> does not update hence maintaining the value on initial render.</p>