[react] Use useSyncExternalStore for external subscriptions

[prichodko]

Since React 18, there is a more correct way to subscribe to external stores using the React's built-in useSyncExternalStore hook.

From the React docs:

useSyncExternalStore is a hook recommended for reading and subscribing from external data sources in a way that’s compatible with concurrent rendering features like selective hydration and time slicing.

To support apps using React below version 18, there is a package called use-sync-external-store/shim. This shim will prefer useSyncExternalStore when available, and fallback to a user-space implementation when it’s not.