Switch entry points to use React 18's built-in uSES

Author: markerikson

src/alternate-renderers.ts

@@ -1,10 +1,10 @@
 // The "alternate renderers" entry point is primarily here to fall back on a no-op
 // version of `unstable_batchedUpdates`, for use with renderers other than ReactDOM/RN.
 // Examples include React-Three-Fiber, Ink, etc.
-// Because of that, we'll also assume the useSyncExternalStore compat shim is needed.
+// We'll assume they're built with React 18 and thus have `useSyncExternalStore` available.
 
-import { useSyncExternalStore } from 'use-sync-external-store/shim'
-import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector'
+import { useSyncExternalStore } from 'react'
+import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/with-selector'
 
 import { initializeUseSelector } from './hooks/useSelector'
 import { initializeConnect } from './components/connect'

src/index.ts

@@ -1,9 +1,10 @@
-// The primary entry point assumes we're working with standard ReactDOM/RN, but
-// older versions that do not include `useSyncExternalStore` (React 16.9 - 17.x).
-// Because of that, the useSyncExternalStore compat shim is needed.
+// The primary entry point assumes we are working with React 18, and thus have
+// useSyncExternalStore available. We can import that directly from React itself.
+// The useSyncExternalStoreWithSelector has to be imported, but we can use the
+// non-shim version. This shaves off the byte size of the shim.
 
-import { useSyncExternalStore } from 'use-sync-external-store/shim'
-import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector'
+import { useSyncExternalStore } from 'react'
+import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/with-selector'
 
 import { unstable_batchedUpdates as batchInternal } from './utils/reactBatchedUpdates'
 import { setBatch } from './utils/batch'