Treeshaking not working properly

[thebuilder]

Currently the index.ts files rexports the InvIew and useInView function. This should allow the consumer to import either, and have the other removed when bundling.

https://github.com/thebuilder/react-intersection-observer/blob/master/src/index.tsx#L3-L4

export { InView } from './InView';
export { useInView } from './useInView';

However, this doesn't appear to happen when building for production. Importing either, results in all the exports being included.
Look at https://bundlephobia.com/package/[email protected] where all the exports have the same size (1.8kB)

[thebuilder]

Turns out the issue was caused by static values (displayName and defaultProps) on the InView component. These were extracted by babel, and in turn prevents it from being excluded from the bundle.

[thebuilder]

🎉 This issue has been resolved in version 9.0.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀