react-tracked causing error in react-native 0.72.7

[tunghs217]

i create a new app and reimplement all the provider code like my old app that run in 0.72.3 but it throwing this error

here is my code
create container

const globalState = () => useState<GlobalState>({  })

export const { Provider, useTrackedState, useUpdate: useSetState } = createContainer(globalState)

using provider

const RootStack = createStackNavigator<RootParamList>();

export const PerferencesContext = React.createContext({
    changeSetting: (setting: iSettings) => { },
    localSettings: new Settings()
})

export default function Router() {
    const [localSettings, setLocalSettings] = useState<iSettings>(new Settings());

    //#region Load data in loading screen
    useEffect(() => {
        const init = async () => {
            AsyncStorage.getItem(CONSTANTS.LOCAL_SETTING_KEY, (err, result) => {
                if (err || !result) {
                    var settingnew = new Settings();
                    AsyncStorage.setItem(CONSTANTS.LOCAL_SETTING_KEY, JSON.stringify(settingnew));
                    return;
                }
                let settingConvert: iSettings = JSON.parse(result);
                setLocalSettings(settingConvert);
            })
        }
        init().finally(async () => {
            await BootSplash.hide({ fade: true });
        })
    }, [])
    //#endregion

    //#region LocalSetting create and listen
    const changeSetting = useCallback((setting: iSettings) => {
        AsyncStorage.setItem(CONSTANTS.LOCAL_SETTING_KEY, JSON.stringify(setting));
        return setLocalSettings({ ...setting });
    }, [localSettings]);

    const preferences = useMemo(() => ({
        changeSetting,
        localSettings
    }), [changeSetting, localSettings]);
    //#endregion

    //#region UI
    return (
        <Provider>
            <SafeAreaProvider>
                <PerferencesContext.Provider value={preferences}>
                    <PaperProvider>
                        <NavigationContainer>
                            <RootStack.Navigator screenOptions={{ headerShown: false }}>
                                <RootStack.Screen name='Login' component={LoginScreen} />
                            </RootStack.Navigator>
                        </NavigationContainer>
                    </PaperProvider>
                </PerferencesContext.Provider>
            </SafeAreaProvider>
        </Provider>
    )
    //#endregion
}

[dai-shi]

Is it the same as #193 and dai-shi/use-context-selector#110 ?

[tunghs217]

yes look like it a same error as #193 i still don't know why and what causing the error

[dai-shi]

As I wrote somewhere, I don't know why either. It's a bundling issue, so once we know how it's causing the error, the fix might be trivial. Pretty sure that new metro bundler behaves something differently from the previous version.

[dai-shi]

Can you investigate which version exactly causes the error?
https://github.com/facebook/react-native/releases

[dai-shi]

Thought unstable_batchedUpdates is not implemented, but it's there:
https://unpkg.com/browse/react-native@0.72.7/index.js

[dai-shi]

Can you check this please?
dai-shi/use-context-selector#112 (comment)

[tunghs217]

so i currently busy at work so i can't check it right now, i will check it when i have some free time

…

On Tue, Dec 5, 2023 at 6:54 AM Daishi Kato ***@***.***> wrote: Can you check this please? dai-shi/use-context-selector#112 (comment) <dai-shi/use-context-selector#112 (comment)> — Reply to this email directly, view it on GitHub <#198 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACIJHVMZPQCSR5FX3FSIFIDYHZPEZAVCNFSM6AAAAABABBTCX6VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQMZZG43DGMZWGQ> . You are receiving this because you authored the thread.Message ID: ***@***.***>

-- Hoàng Sơn Tùng Điện thoại : 0363415186

[dai-shi]

Published: https://www.npmjs.com/package/react-tracked/v/1.7.12