---
search:
  exclude: true
changelog:
  category: Release
  version: 9.0.0
date: '2022-04-21T12:46:02Z'
seo:
  description: >-
    This release is mainly to fix an issue with the exports not being properly
    tree-shaken. Fix tree shaking (#545) (f0571d8), closes #544 After tree
    shaking…
title: v9.0.0
type: changelog
---
# [9.0.0](https://github.com/thebuilder/react-intersection-observer/compare/v8.34.0...v9.0.0) (2022-04-21)

This release is mainly to fix an issue with the exports not being properly tree-shaken.

### Features

* Fix tree shaking ([#545](https://github.com/thebuilder/react-intersection-observer/issues/545)) ([f0571d8](https://github.com/thebuilder/react-intersection-observer/commit/f0571d86a64f3f12f21b84c82fcd6a8fb7606667)), closes [#544](https://github.com/thebuilder/react-intersection-observer/issues/544)


#### Size of exports
After tree shaking, this is the current size impact of the exports, as reported by [size-limit](https://github.com/ai/size-limit).

* `InView` - **1.6 kB** with all dependencies, minified and gzipped
* `useInView` - **1.13 kB** with all dependencies, minified and gzipped
* `observe` - **835 B** with all dependencies, minified and gzipped


### BREAKING CHANGES

* Removed the `default` export of the `InView` component. Use the named `InView` import instead

```diff
-import InView from 'react-intersection-observer
+import { InView } from 'react-intersection-observer
```