Duplicate dialog create

[rajmohanIOS]

I am facing an issue with duplicate dialog creation. I am the sender, but my name is also appearing in the dialog list as a participant. I have just cloned and am using the React Native QuickBlox SDK code in my application.

`import React, { useEffect, useCallback, memo } from 'react';
import { FlatList, RefreshControl, SafeAreaView, Text } from 'react-native';
import { useSelector } from 'react-redux';
import { createStructuredSelector } from 'reselect';
import QB from 'quickblox-react-native-sdk';
import { differenceBetweenSets } from '../../utils/utils';

import Dialog from './Dialog';
import {
dialogsItemsSelector,
dialogsLimitSelector,
dialogsLoadingSelector,
dialogsSelectedSelector,
dialogsSkipSelector,
dialogsTotalSelector,
usersItemsSelector,
} from '../../selectors';
import { dialogGet, dialogSelect, usersGet } from '../../actionCreators';
import { useActions } from '../../hooks';
import styles from './styles';
import { colors } from '../../theme';
import { showError } from '../../NotificationService';

const selector = createStructuredSelector({
data: dialogsItemsSelector,
limit: dialogsLimitSelector,
loading: dialogsLoadingSelector,
selected: dialogsSelectedSelector,
skip: dialogsSkipSelector,
total: dialogsTotalSelector,
users: usersItemsSelector,
});

const actions = {
getDialogs: dialogGet,
selectDialog: dialogSelect,
getUsers: usersGet,
};

function DialogsList(props) {
const { onLongPress, onPress, selectable = false } = props;
const { data, limit, loading, selected, skip, total, users } =
useSelector(selector);
const { getDialogs, selectDialog, getUsers } = useActions(actions);

const getDialogsHandler = usersIds => {
const savedUsersIds =
users && users.length ? new Set(users.map(user => user.id)) : new Set();
const loadUsersIds = savedUsersIds.size
? differenceBetweenSets(usersIds, savedUsersIds)
: usersIds;
if (loadUsersIds.size) {
getUsers({
append: true,
filter: {
field: QB.users.USERS_FILTER.FIELD.ID,
operator: QB.users.USERS_FILTER.OPERATOR.IN,
type: QB.users.USERS_FILTER.TYPE.NUMBER,
value: Array.from(loadUsersIds).join(),
},
});
}
};

useEffect(() => {
getDialogs({
reject: action => showError('Failed to get occupantsIds', action.error),
resolve: usersIds => {
getDialogsHandler(usersIds);
},
append: true,
limit,
skip: 0,
});
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []);

const loadNextPage = useCallback(() => {
if (loading || skip + limit > total) {
return;
}
getDialogs({
reject: action => showError('Failed to get occupantsIds', action.error),
resolve: usersIds => {
getDialogsHandler(usersIds);
},
append: true,
limit,
skip: skip + limit,
});
}, [getDialogs, loading, limit, skip, total]);

const pressHandler = useCallback(
dialog => {
if (onPress) {
onPress(dialog);
} else {
if (selectable && selectDialog) {
selectDialog(dialog.id);
}
}
},
[onPress, selectDialog, selectable],
);

const longPressHandler = useCallback(
dialog => onLongPress && onLongPress(dialog),
[onLongPress],
);

const renderDialog = useCallback(
({ item }) => {
const isSelected = selected.length && selected.includes(item.id);
return (

);
},
[selected, pressHandler, longPressHandler, selectable],
);

return (

  <FlatList
    data={data}
    keyExtractor={({ id }) => id}
    onEndReached={loadNextPage}
    onEndReachedThreshold={0.75}
    refreshControl={
      <RefreshControl
        colors={[colors.primary]}
        onRefresh={() => getDialogs({ limit, skip: 0 })}
        refreshing={loading}
        tintColor={colors.primary}
      />
    }
    renderItem={renderDialog}
    style={styles.dialogsList}
  />

);
}

export default memo(DialogsList);
`