useIntersection warning with React 19

[clacladev]

What is the current behavior?
Migrating to Nextjs 15.1 and React 19, the useIntersection started to throw a ts warning.

The code in the docs does not work anymore.

const intersectionRef = React.useRef(null);
const intersection = useIntersection(intersectionRef, { ... }); <<< intersectionRef

The error is:

Argument of type 'RefObject<null>' is not assignable to parameter of type 'RefObject<HTMLElement>'.
  Type 'null' is not assignable to type 'HTMLElement'.ts(2345)

useIntersection signature should accept RefObject<HTMLElement | null>.

What is the expected behavior?
To not throw a warning. It actually keeps working.

A little about versions:

• OS: macOS 15.1.1
• Browser (vendor and version): Chrome 131
• React: 19
• react-use: 17.5.1
• Did this worked in the previous package version? No

[theRuslan]

The same issue with useFullscreen

[hqw567]

The same issue with useHoverDirty

[MiroslavPetrik]

also useScroll

The overarching issue is that the useRef now requires 1 param, which is usually null or undefined. For those there is convenience overload, so each time we get back RefObject<T | null> or RefObject<T | undefined>. That will never match the RefObject<HTMLElement> which is defined in all the hooks e.g.

react-use/src/useScroll.ts

Line 11 in ad33f76

const useScroll = (ref: RefObject<HTMLElement>): State => {

See Ref changes here:
DefinitelyTyped/DefinitelyTyped#69022