scrollableTarget throws error Type 'HTMLElement' is not assignable to type 'ReactNode' in React 18

[na2793]

https://codesandbox.io/s/young-frost-ujmz14?file=/src/index.tsx

I recently upgraded my project to React 18,
then the following error started to occur :

With React 17, there was no problem at all.

I think HTMLElement has changed to no longer be part of ReactNode.

I knew it was possible to pass id value in form of a string to scrollableTarget,
but I couldn't because the node I was trying to pass it to didn't have id.

What's the best way to handle this?

[na2793]

The type of scrollableTarget does not have to be ReactNode, it needs to be HTMLElement.

The value of scrollableTarget is usually a DOM element obtained using useRef(), but useRef() cannot provide a ReactNode other than HTMLElement.

[bauerbach]

This library seems to have been abandoned unfortunately. :(

[ashwary23]

I upgraded from react 17 to react 18 and following issue started

'InfiniteScroll' cannot be used as a JSX component.
  Its instance type 'InfiniteScroll' is not a valid JSX element.
    The types returned by 'render()' are incompatible between these types.
      Type 'Element' is not assignable to type 'ReactNode'.

[PSoltes]

its typescript issue only, which makes it even sadder that the library is abandoned, as this would be fixable very easily

[ankeetmaini]

can you raise a pr?

…

On Wed, 11 Dec 2024 at 6:14 PM, Pavol Šoltés ***@***.***> wrote: its typescript issue only, which makes it even sadder that the library is abandoned, as this would be fixable very easily — Reply to this email directly, view it on GitHub <#378 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ABSYHF3JR6KPEJUDEWKQQN32FAXRPAVCNFSM6AAAAABTNMXII2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDKMZVHA4TANZTGU> . You are receiving this because you are subscribed to this thread.Message ID: <ankeetmaini/react-infinite-scroll-component/issues/378/2535890735@ github.com>