TypeError: Cannot read property 'getNode' of null

[Grohden]

Hey, great library! I've started to use it in our app forms it worked well until I decided to lift somethings from our forms up to where the scroll view gets rendered and started to get this:

(NOBRIDGE) ERROR  Warning: TypeError: Cannot read property 'getNode' of null

This error is located at:
    in ContainerBase
    in Unknown

From what I investigated this is mainly caused by https://github.com/slorber/react-native-scroll-into-view/blob/master/src/hoc.tsx#L52 receiving a null value from react

This all would make some sense IF I were to be unmounting the scroll view, but thats not the case, I've added a componentWillUnmount locally here to that HOC and the component doesn't get unmounted

I've tried changing my current view (KeyboardAwareScrollView from react-native-keyboard-controller) to just a RN ScrollView and I still get the same results

I'll see if I can investigate further and register my findings here

[Grohden]

I've added logs to https://github.com/facebook/react-native/blob/c4e952ea8499d2098eee120bfc39f2253a19ea35/packages/react-native/Libraries/Components/ScrollView/ScrollView.js#L801

No unmount is called, yet I'm still getting a null ref in ref forwarder, maybe this is a bug with the newer react versions? I don't want to spend time making a reproduction right now 🤦

[Grohden]

I've followed that index.ts right after the safelyCallDestroy and found out that there's a file related to fullstory native, after removing the library the unmounts are not happening anymore 🤦

I don't want to spend time making a reproduction right now

Guess I'll have to 😢

I'll leave the issue open since maybe its a good idea to handle absent refs?

[Grohden]

Here's a reproduction case

https://github.com/Grohden/expo-asset-issue/tree/issues/react-native-scroll-into-view-60

Just run that branch for ios, open the form (test page) expand a section and trigger the validations. I'll contact FS and link this comment

[slorber]

I'm sorry but I don't have the bandwidth to maintain this lib anymore. This lib is not really up-to-date and should rather be entirely modernized to new React practices. I have no idea if it's compatible with the new architecture.

It's possible that the problem is related to the deprecation of forwardRef in React 19. Maybe try to remove that first.

[RyanCommits]

@Grohden Hello from Fullstory!

I've opened a PR addressing this issue. Fullstory has a babel plugin that will wrap refs with a function. This causes this.handleRef to receive null as a ref value, in addition to its expected value. Not sure why React internally will do this. But based on your reproduction case, this behavior will not alter the UI behavior.