Use useIsomorphicLayoutEffect in Provider for consistency

reduxjs · Jan 26, 2021 · d5d4b0a · d5d4b0a
1 parent a923553
commit d5d4b0a
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/Provider.js b/src/components/Provider.js
@@ -1,7 +1,8 @@
-import React, { useMemo, useEffect } from 'react'
+import React, { useMemo } from 'react'
 import PropTypes from 'prop-types'
 import { ReactReduxContext } from './Context'
 import Subscription from '../utils/Subscription'
+import { useIsomorphicLayoutEffect } from '../utils/useIsomorphicLayoutEffect'
 
 function Provider({ store, context, children }) {
   const contextValue = useMemo(() => {
@@ -15,7 +16,7 @@ function Provider({ store, context, children }) {
 
   const previousState = useMemo(() => store.getState(), [store])
 
-  useEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     const { subscription } = contextValue
     subscription.trySubscribe()