Placeholder not visible for empty object as value - Typescript

Found this issue in older versions, but using javascript. Basically, when i have a empty object as value, its placeholder does not show up, even if i set the value to null if its empty.

Wrapped component:

function verifyIfIsEmpty(value: any) {
  if (Array.isArray(value)) {
    return value.length === 0;
  }
  return Object.values(value).length === 0;
}
<InputAsyncSelectFormik__Wrapper>
      <AsyncSelect
        cacheOptions
        defaultOptions
        theme={(theme) => ({
          ...theme,
          colors: {
            ...theme.colors,
            neutral20: error ? 'red' : theme.colors.neutral20,
            neutral30: error ? 'red' : theme.colors.neutral30,
            primary: error ? 'red' : theme.colors.primary,
          },
        })}
        value={value && !verifyIfIsEmpty(value) ? value : null}
        styles={SelectStyles}
        {...props}
      />
      {name && (
        <InputAsyncSelectFormik__ErrorMessage name={name} component='p' />
      )}
</InputAsyncSelectFormik__Wrapper>

Using it:

<InputAsyncSelectFormik
          loadOptions={getData}
          onChange={(value: any) => {
            setFieldValue('useCase', value);
          }}
          getOptionLabel={(option: IUseCase) => {
            return option.name;
          }}
          isDisabled={isEditing}
          value={values.useCase}
          name='useCase'
          placeholder={messages['common.useCase']}
          isOptionSelected={() => {
            return false;
          }}
/>

No repository file, test, or entry point is named. First reproduce the empty-object value case in the TypeScript React select component, then locate the placeholder and value handling and add a regression test; done means the placeholder is visible for an empty object, including when its value is treated as null.