Fixed compatibility with React 18 strict effects

reduxjs · Sep 14, 2021 · 9a210fd · 9a210fd
1 parent d859c23
commit 9a210fd
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/Provider.tsx b/src/components/Provider.tsx
@@ -22,7 +22,6 @@ export interface ProviderProps<A extends Action = AnyAction> {
 function Provider({ store, context, children }: ProviderProps) {
   const contextValue = useMemo(() => {
     const subscription = createSubscription(store)
-    subscription.onStateChange = subscription.notifyNestedSubs
     return {
       store,
       subscription,
@@ -33,6 +32,7 @@ function Provider({ store, context, children }: ProviderProps) {
 
   useIsomorphicLayoutEffect(() => {
     const { subscription } = contextValue
+    subscription.onStateChange = subscription.notifyNestedSubs
     subscription.trySubscribe()
 
     if (previousState !== store.getState()) {