Use React wildcard imports in all files

Author: markerikson

src/alternate-renderers.ts

@@ -3,14 +3,14 @@
 // Examples include React-Three-Fiber, Ink, etc.
 // We'll assume they're built with React 18 and thus have `useSyncExternalStore` available.
 
-import { useSyncExternalStore } from 'react'
+import * as React from 'react'
 import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/with-selector'
 
 import { initializeUseSelector } from './hooks/useSelector'
 import { initializeConnect } from './components/connect'
 
 initializeUseSelector(useSyncExternalStoreWithSelector)
-initializeConnect(useSyncExternalStore)
+initializeConnect(React.useSyncExternalStore)
 
 import { getBatch } from './utils/batch'
 

src/hooks/useReduxContext.ts

@@ -1,4 +1,4 @@
-import { useContext } from 'react'
+import * as React from 'react'
 import { ReactReduxContext } from '../components/Context'
 import type { ReactReduxContextValue } from '../components/Context'
 
@@ -11,7 +11,7 @@ import type { ReactReduxContextValue } from '../components/Context'
  */
 export function createReduxContextHook(context = ReactReduxContext) {
   return function useReduxContext(): ReactReduxContextValue | null {
-    const contextValue = useContext(context)
+    const contextValue = React.useContext(context)
 
     if (process.env.NODE_ENV !== 'production' && !contextValue) {
       throw new Error(

src/hooks/useSelector.ts

@@ -1,17 +1,14 @@
-import React, { useCallback, useDebugValue, useRef } from 'react'
+import * as React from 'react'
 
 import {
   createReduxContextHook,
   useReduxContext as useDefaultReduxContext,
 } from './useReduxContext'
-import {
-  ReactReduxContext,
-  ReactReduxContextValue,
-} from '../components/Context'
+import type { ReactReduxContextValue } from '../components/Context'
+import { ReactReduxContext } from '../components/Context'
 import type { EqualityFn, NoInfer } from '../types'
 import type { uSESWS } from '../utils/useSyncExternalStore'
 import { notInitialized } from '../utils/useSyncExternalStore'
-import { Action, UnknownAction } from 'redux'
 
 export type CheckFrequency = 'never' | 'once' | 'always'
 
@@ -88,9 +85,9 @@ export function createSelectorHook(
       noopCheck: globalNoopCheck,
     } = useReduxContext()!
 
-    const firstRun = useRef(true)
+    const firstRun = React.useRef(true)
 
-    const wrappedSelector = useCallback<typeof selector>(
+    const wrappedSelector = React.useCallback<typeof selector>(
       {
         [selector.name](state: TState) {
           const selected = selector(state)
@@ -150,7 +147,7 @@ export function createSelectorHook(
       equalityFn
     )
 
-    useDebugValue(selectedState)
+    React.useDebugValue(selectedState)
 
     return selectedState
   }

src/index.ts

@@ -3,7 +3,7 @@
 // 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 'react'
+import * as React from 'react'
 import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/with-selector'
 
 import { unstable_batchedUpdates as batchInternal } from './utils/reactBatchedUpdates'
@@ -13,7 +13,7 @@ import { initializeUseSelector } from './hooks/useSelector'
 import { initializeConnect } from './components/connect'
 
 initializeUseSelector(useSyncExternalStoreWithSelector)
-initializeConnect(useSyncExternalStore)
+initializeConnect(React.useSyncExternalStore)
 
 // Enable batched updates in our subscriptions for use
 // with standard React renderers (ReactDOM, React Native)