React 19 warning: ClickOutside captured a close event but does not have a ref to compare it to. useClickOutside(), should be passed a ref that resolves to a DOM node

[printfn]

Version

v6.4.0

Steps to reproduce

I'm getting a warning 'ClickOutside captured a close event but does not have a ref to compare it to. useClickOutside(), should be passed a ref that resolves to a DOM node' since updating to React 19.

The stack trace points at this code:

react-bootstrap-typeahead/src/components/RootClose/useClickOutside.ts

Lines 47 to 51 in b133250

	warn(
	!!currentTarget,
	'ClickOutside captured a close event but does not have a ref to compare it to. ' +
	'useClickOutside(), should be passed a ref that resolves to a DOM node'
	);

I'll see if I can make a minimal reproduction later.

Expected Behavior

It shouldn't produce warnings.

Actual Behavior

It's producing warnings as of React 19.

[ericgio]

Thanks for reporting the issue @printfn. I think it's some kind of cleanup warning after the menu closes and the click outside hook no longer has a reference to the dom node. You can probably just ignore since that hook will most likely go away in the next major version.

[tyddynonn]

I was about to raise this too. I have this with React 18.2 and V6.4 of Typeahead. It's annoying in dev as the warnings clutter up the console...

[ericgio]

Fixed in 6.4.1