update connect

toiladoong · Jul 24, 2024 · 9a6964d · 9a6964d
1 parent 7375cc8
commit 9a6964d
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "redext",
-  "version": "0.0.16-7",
+  "version": "0.0.17",
   "description": "A simple global store based on React Context and Hooks",
   "main": "./dist/index.js",
   "module": "./dist/esm/index.mjs",

diff --git a/src/connect.js b/src/connect.js
@@ -6,10 +6,12 @@ import useDispatcher from './hooks/useDispatcher';
 const connect = (mapStateToProps, mapDispatchToProps) => Component => {
   return props => {
     const { dispatch } = useContext(Context);
-
-    const memoState = useContextSelector(mapStateToProps);
+
+    const memoState = useContextSelector(mapStateToProps, {
+      isWithSyncExternalStore: false
+    });
     const dispatcher = useDispatcher(mapDispatchToProps);
-    
+
     return (
       <Component
         {...props}

diff --git a/src/hooks/useContextSelector.js b/src/hooks/useContextSelector.js
@@ -2,8 +2,10 @@ import { useContext, useSyncExternalStore } from 'react';
 import Context from '../Context';
 import useDeepMemo from './useDeepMemo';
 
-const useContextSelector = (mapStateToProps) => {
-  if (useSyncExternalStore) {
+const useContextSelector = (mapStateToProps, params = {}) => {
+  const { isWithSyncExternalStore = true } = params;
+
+  if (isWithSyncExternalStore && useSyncExternalStore) {
     const { subscribe, getState } = useContext(Context);
     const getSnapshot = () => {
       if (!mapStateToProps) {