perf(app/selector): implement subscribeChange store enhancer

src/app/selector.ts

@@ -22,7 +22,7 @@ export const useSelector = <TSelected>(
   equalityFn: EqualityFn<TSelected> = refEquality,
 ): TSelected => {
   const selectedState = useSyncExternalStoreWithSelector(
-    store.subscribe,
+    store.subscribeChange,
     store.getState,
     selector,
     equalityFn,

src/app/store.ts

@@ -13,6 +13,7 @@ import { createActionObserver } from './actionObserver'
 import { loadState as loadStateFromLocalStorage } from './localStorage'
 import { getInitialStateToPersist } from './persist'
 import { createStateObserver } from './stateObserver'
+import { subscribeChange } from './subscribeChange'
 import { loadState as loadStateFromUrl } from './url'
 
 const rootReducer = combineSlices(
@@ -46,6 +47,8 @@ export const store = configureStore({
   preloadedState: getPreloadedState(),
   enhancers: (getDefaultEnhancers) => {
     const defaultEnhancers = getDefaultEnhancers()
-    return defaultEnhancers.concat(stateObserver.enhancer, actionObserver.enhancer)
+    return defaultEnhancers
+      .concat(stateObserver.enhancer, actionObserver.enhancer)
+      .concat(subscribeChange)
   },
 })

src/app/subscribeChange.ts

@@ -0,0 +1,34 @@
+import type { Store, StoreEnhancer } from '@reduxjs/toolkit'
+
+type SubscribeChange = Store['subscribe']
+
+export const subscribeChange: StoreEnhancer<{ subscribeChange: SubscribeChange }> =
+  (createStore) =>
+  (...args) => {
+    const store = createStore(...args)
+
+    let stateSnapshot: ReturnType<typeof store.getState> | null = null
+
+    const dispatch: typeof store.dispatch = (action) => {
+      try {
+        stateSnapshot = store.getState()
+        return store.dispatch(action)
+      } finally {
+        stateSnapshot = null
+      }
+    }
+
+    const subscribeChange: typeof store.subscribe = (listener) =>
+      store.subscribe(() => {
+        const state = store.getState()
+        if (state !== stateSnapshot) {
+          listener()
+        }
+      })
+
+    return {
+      ...store,
+      dispatch,
+      subscribeChange,
+    }
+  }