Skip to content

Releases: thebuilder/react-intersection-observer

v9.0.0-beta.3

21 Apr 12:01
Compare
Choose a tag to compare
v9.0.0-beta.3 Pre-release
Pre-release

9.0.0-beta.3 (2022-04-21)

Bug Fixes

  • remove static props from InView to fix tree shaking (59b8480)

v9.0.0-beta.2

21 Apr 08:30
Compare
Choose a tag to compare
v9.0.0-beta.2 Pre-release
Pre-release

9.0.0-beta.2 (2022-04-21)

Bug Fixes

  • be specific with import type (fa8840f)

v9.0.0-beta.1

20 Apr 14:23
3e129ed
Compare
Choose a tag to compare
v9.0.0-beta.1 Pre-release
Pre-release

9.0.0-beta.1 (2022-04-20)

Features

  • remove the default export (53123cc)

BREAKING CHANGES

  • Can no longer do the default import of InView.

v8.34.0

12 Apr 12:02
98bb83f
Compare
Choose a tag to compare

8.34.0 (2022-04-12)

Features

  • upgrade to React 18 (#538) (98bb83f)
  • Upgrade Storybook and other dev dependencies.

Breaking changes

  • This removes the old tag prop from <InView>, that was deprecated by as some years ago. If you haven't changed it, this could break your build. The fix would be to replace all instances of tag with as.
  • Changed the type of as from the old ReactType to ElementType. This would only be a problem if you are still using the old version of the React Types.

v8.33.1

15 Dec 22:52
e217965
Compare
Choose a tag to compare

8.33.1 (2021-12-15)

Bug Fixes

v8.33.0

09 Dec 22:55
aa50422
Compare
Choose a tag to compare

8.33.0 (2021-12-09)

Features

This is solution for #495 that adds support for a fallbackInView value.

You can set the fallback globally:

import { defaultFallbackInView } from 'react-intersection-observer';
defaultFallbackInView(true); // or 'false'

You can also define the fallback locally on useInView or <InView> as an
option. This will override the global fallback value.

import React from 'react';
import { useInView } from 'react-intersection-observer';

const Component = () => {
  const { ref, inView, entry } = useInView({
    fallbackInView: true,
  });

  return (
    <div ref={ref}>
      <h2>{`Header inside viewport ${inView}.`}</h2>
    </div>
  );
};

v8.32.5

25 Nov 12:28
249de1a
Compare
Choose a tag to compare

8.32.5 (2021-11-25)

Bug Fixes

v8.32.4

23 Nov 12:53
d4ecf3a
Compare
Choose a tag to compare

8.32.4 (2021-11-23)

Bug Fixes

v8.32.3

19 Nov 22:36
bc55d20
Compare
Choose a tag to compare

8.32.3 (2021-11-19)

Bug Fixes

v8.32.2

25 Oct 12:01
f76fa78
Compare
Choose a tag to compare

8.32.2 (2021-10-25)

Bug Fixes

  • make ratio return largest threshold smaller than trigger (#510) (f76fa78)