const searchModalChildGenerator = React.useCallback(
  (searchText: string) => {
    return (
      <UserList
        userRowComponent={userRowComponent}
        filterUser={filterUser}
        usersCompareFunction={usersCompareFunction}
        searchText={searchText}
      />
    );
  },
  [filterUser, userRowComponent, usersCompareFunction],
);

return (
  <SearchModal
    name={name}
    size="large"
    searchPlaceholder="Search by name"
    onClose={onClose}
  >
    {searchModalChildGenerator}
  </SearchModal>
);