---
search:
  exclude: true
changelog:
  category: Release
  version: 6.4.0
date: '2019-01-08T09:38:09Z'
seo:
  description: >-
    This release exposes the intersectionRatio, giving you a bit more insight
    into what triggered an update. See #123
title: Intersection Ratio
type: changelog
---
This release exposes the `intersectionRatio`, giving you a bit more insight into what triggered an update.

```jsx
import { InView } from 'react-intersection-observer'

const Component = () => (
  <InView>
    {({ inView, ref, intersectionRatio }) => (
      <div ref={ref}>
        <h2>{`Header inside viewport ${inView} at ${intersectionRatio}`}</h2>
      </div>
    )}
  </InView>
)

export default Component
```

See #123