React-grid-layout не масштабируется ширина

Не получается сделать адаптивным компонент ResponsiveGridLayout Делал следующим образом:

import { Responsive, WidthProvider } from 'react-grid-layout';

далее:

const ResponsiveGridLayout = WidthProvider(Responsive);

сам компонент:

<ResponsiveGridLayout
   className="layout"
   layouts={layouts}
   breakpoints={breakpointsValue}
   cols={columnsValue}
   rowHeight={50}
   width={1920}
   preventCollision={false}
   onLayoutChange={onLayoutChange}
>
   <div>
       items.map()... 
   </div>
</ResponsiveGridLayout>

где breakpointsValue и columnsValue соответственно:

 const breakpointsValue = {lg: 1920, md: 996, sm: 768, xs: 480};
 const columnsValue = {lg: 12, md: 10, sm: 6, xs: 4};

При изменении размеров окна ничего не двигается. Что я упустил? Заранее спасибо!