Как использовать компонент дважды

есть вот так код

function filter (props) {
    const clearAndApplyQuery = () => {
        clearQuery()
        fetchItems('control-fraud', initialQuery)
}
    return <div>
        <DateRangeFilter field="status_confirmed_at" {...props} />
        <MultiSelectFilter field="country" label="Страны" options="geos" {...props} />
        <MultiSelectFilter field="offer_id" label="Офферы" options="offers" {...props} />
        <MultiSelectFilter field="source_id" label="Источники" options="source" {...props} />
        <MultiSelectFilter field="partner_id" label="Партнеры" options="partners" {...props} />
        <Btn onClick={() => fetchItems('control-fraud', props.query)}>Показать статистику</Btn>
        <Btn onClick={clearAndApplyQuery} color="gray" tooltip="Сбросить фильтр">
            <i className="i-clear" />
        </Btn>
    </div>
}

мне нужно его применить еще раз, но к другой таблице, на этой же странице

Проблема в том, что, если добавить так как есть, то срабатывают сразу оба