onResize

You can listen to the `onResize` event of the `Carousel`, this will get invoked on each `resize` event of the root element and will return the current `breakPoint` object being used:

(currentBreakPoint) => {/*...*/}

<Carousel
  breakPoints={breakPoints}
  onResize={currentBreakPoint => console.log(currentBreakPoint)}
>
  <Item>1</Item>
  <Item>2</Item>
  <Item>3</Item>
  <Item>4</Item>
  <Item>5</Item>
  <Item>6</Item>
</Carousel>

<Carousel
  breakPoints={breakPoints}
  onResize={currentBreakPoint => console.log(currentBreakPoint)}
>
  <Item>1</Item>
  <Item>2</Item>
  <Item>3</Item>
  <Item>4</Item>
  <Item>5</Item>
  <Item>6</Item>
</Carousel>