Use useSyncExternalStore to support React 18's concurrent features

[dantman]

React 18 has been released including the new concurrent features. When these features are used the useEffect based subscriptions like those used by useSubscribe may "tear" resulting in different parts of the React tree rendering different results.

React 18 includes useSyncExternalStore to allow subscribing to a store's data in a way that does not tear.

The React team has published use-sync-external-store which includes a backwards compatible shim for useSyncExternalStore that works in older versions of React. Additionally it includes a useSyncExternalStoreWithSelector convenience method for when working with selectors.