Use useIsomorphicLayoutEffect in Provider for consistency (#1683)

reduxjs · Mar 22, 2021 · 3aa8993 · 3aa8993
1 parent 86b6fe0
commit 3aa8993
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()