Just a suggestion :)

const t = (mylist?
          .filter(item => myComplexNestedFilter) ?? [])
          .map(item => ( <div key={item.id}>{item.title}</div>));
          
return t.length ? t : <div>There are no items in this list</div>;