TypeError: d.forwardRef is not a function

I am having below issue when trying to add Page Size drop down :

Uncaught TypeError: d.forwardRef is not a function
at Object. (OptionList.js:297)
at t (bootstrap 1b418655dfad34aa7f93:19)
at Object. (Select.js:10)
at t (bootstrap 1b418655dfad34aa7f93:19)
at Object. (index.js:20)
at t (bootstrap 1b418655dfad34aa7f93:19)
at Object. (products-panel-pagination.js:4)
at t (bootstrap 1b418655dfad34aa7f93:19)
at Object. (products-panel-header.js:3)
at t (bootstrap 1b418655dfad34aa7f93:19)

here is my code

import React, { PropTypes } from 'react';
import styles from './products-panel-pagination.css';
import Select from 'rc-select';
import Pagination from 'rc-pagination';
import 'rc-pagination/assets/index.css';
import 'rc-select/assets/index.css';

const ProductsPanelPagination = (props) => {
const { productsCount, gotoPage, getLabel, currentPage, pageSize = 12 } = props;
return (
<Pagination
selectComponentClass={Select}
showSizeChanger
onShowSizeChange={onShowSizeChange}
current={currentPage}
className={styles.pagination}
defaultPageSize={pageSize}
total={productsCount}
locale={getLabels(getLabel)}
onChange={gotoPage}
pageSizeOptions = {['12', '24', '36', '48']}
/>
);
};

I am working on React-redux framework

Start by reproducing the error while adding the page-size dropdown in products-panel-pagination.js. Trace the import chain through index.js, Select.js, and OptionList.js:297, then check the React and rc-select versions involved. Done means the dropdown loads without the reported TypeError.