title: react bootstrap table2 pagination warning: Encountered two children with the same key, `[object Object]`
body: <p>I want to resolve this warning. Because every time I click a button. The error count increases.</p>
  
  <p>I tried to remove "<code>&lt;PaginationListStandalone {...paginationProps} /&gt;</code>" this line and the error is gone but I need that pagination</p>
  
  <pre><code>import BootstrapTable from 'react-bootstrap-table-next';
  import ToolkitProvider, { Search } from 'react-bootstrap-table2-toolkit';
  import paginationFactory, { PaginationProvider, PaginationListStandalone, SizePerPageDropdownStandalone } from 'react-bootstrap-table2-paginator';
  </code></pre>
  
  <pre><code>const options = {
    custom: true,
    paginationSize: 1,
    pageStartIndex: 1,
    alwaysShowAllBtns: true,
    withFirstAndLast: false,
    firstPageText: 'First',
    prePageText: &lt;i className="fas fa-fw fa-chevron-left"&gt;&lt;/i&gt;,
    nextPageText: &lt;i className="fas fa-fw fa-chevron-right"&gt;&lt;/i&gt;,
    lastPageText: 'Last',
    nextPageTitle: 'Next page',
    prePageTitle: 'Previous page',
    firstPageTitle: 'First page',
    lastPageTitle: 'Last page',
    showTotal: false,
    sizePerPageList: [{
      text: '5', value: 5
    }, {
      text: '10', value: 10
    }, {
      text: '15', value: 15
    }, {
      text: '20', value: 20
    }]
  };
  </code></pre>
  
  <pre><code>const contentTable = ({ paginationProps, paginationTableProps }) =&gt; (
    &lt;SC.Table_Area className="table-area extractor-table"&gt;
      &lt;ToolkitProvider
        keyField="id"
        columns={columns}
        data={products}
        search
      &gt;
        {
          toolkitprops =&gt; (
            &lt;&gt;
              &lt;div className="header-filter"&gt;
                &lt;SizePerPageDropdownStandalone {...paginationProps} /&gt;
                &lt;SearchBar {...toolkitprops.searchProps} /&gt;
              &lt;/div&gt;
              &lt;BootstrapTable
                striped
                expandRow={expandRow}
                cellEdit={cellEditFactory({ mode: 'click' })}
                noDataIndication="Table is Empty"
                {...toolkitprops.baseProps}
                {...paginationTableProps}
              /&gt;
              &lt;div className="footer-filter"&gt;
                &lt;PaginationListStandalone {...paginationProps} /&gt;
              &lt;/div&gt;
            &lt;/&gt;
          )
        }
      &lt;/ToolkitProvider&gt;
    &lt;/SC.Table_Area&gt;
  );
  </code></pre>
  
  <pre><code>&lt;PaginationProvider pagination={paginationFactory(options)}&gt;
     {contentTable}
  &lt;/PaginationProvider&gt;
  </code></pre>
  
  <p>I get the result I needed but I just want to remove the warning error on console.</p>