Try to update refs immediately rather than useIsomorphicLayoutEffect

src/components/connectAdvanced.js

@@ -280,15 +280,15 @@ export default function connectAdvanced(
         return childPropsSelector(store.getState(), wrapperProps)
       }, [store, previousStateUpdateResult, wrapperProps])
 
+      // We want to capture the wrapper props and child props we used for later comparisons
+      lastWrapperProps.current = wrapperProps
+      lastChildProps.current = actualChildProps
+      renderIsScheduled.current = false
+
       // We need this to execute synchronously every time we re-render. However, React warns
       // about useLayoutEffect in SSR, so we try to detect environment and fall back to
       // just useEffect instead to avoid the warning, since neither will run anyway.
       useIsomorphicLayoutEffect(() => {
-        // We want to capture the wrapper props and child props we used for later comparisons
-        lastWrapperProps.current = wrapperProps
-        lastChildProps.current = actualChildProps
-        renderIsScheduled.current = false
-
         // If the render was from a store update, clear out that reference and cascade the subscriber update
         if (childPropsFromStoreUpdate.current) {
           childPropsFromStoreUpdate.current = null

src/hooks/useSelector.js

@@ -66,11 +66,9 @@ function useSelectorWithStoreAndSubscription(
     throw new Error(errorMessage)
   }
 
-  useIsomorphicLayoutEffect(() => {
-    latestSelector.current = selector
-    latestSelectedState.current = selectedState
-    latestSubscriptionCallbackError.current = undefined
-  })
+  latestSelector.current = selector
+  latestSelectedState.current = selectedState
+  latestSubscriptionCallbackError.current = undefined
 
   useIsomorphicLayoutEffect(() => {
     function checkForUpdates() {