[tvOS] Crash on reload when using updateTheme

[slvvn]

What happened?

In my attempt to make a repro of #919, I found that the same crash happens sometimes when I reload the bundle (r), when having UnistylesRuntime.updateTheme() in a useEffect (which depends on some fetched external data). Not sure if this is entirely related, but the same stack trace appears.
It only seems to be happening with the react-native-tvos fork (while running it on iOS though). I know it's not officially supported, but an investigation would be much appreciated!

Steps to Reproduce

1. Run the repro on iOS simulator
2. Open the app
3. Reload the app a few times (with some time in between)
4. App crashes

Snack or Repository Link (Optional)

https://github.com/slvvn/unistyles-v3-repro/tree/repro/crash-on-hmr

Unistyles Version

3.0.7

React Native Version

0.79.5-0 (tvos)

Platforms

iOS

Expo

Yes

Additional information

• I use recommended version of react-native-nitro-modules compatibility table
• I've searched for similar issues in this repository and found none
• I double-checked that my issue was not covered in documentation

[jpudysz]

This is the same issue like in the previous one:

One of React Native components doesn't support React 19 ref unmounting.
I already added a hack for ScrollView - thats the only component which doesn't support it in RN.

react-native-unistyles/src/core/createUnistylesElement.native.tsx

Line 20 in e25f5c3

const isScrollView = Component.displayName === 'ScrollView'

You would need to find this component and patch it.

[slvvn]

@jpudysz might have something to do with the Unistyles babel plugin transforming the import { View } from "react-native" to import NativeView from "react-native-unistyles/components/NativeView". The component files have the .native.tsx extension, might be something with that?
Also I see there's both a components/native/View and a components/native/NativeView, with different implementations. Is there any specific reason for that?
When changing:

# View.tsx
import { View as NativeView } from 'react-native'
import { createUnistylesElement } from '../../core'

export const View = createUnistylesElement(NativeView)

To:

# View.tsx
import NativeView from './NativeView'

export const View = NativeView

The issue disappears.
I don't think I fully understand this mechanism, is there anything wrong with this?