## v3.7.1 2021-08-26

* [bug] fix the problem about when using `react-refresh`, the state can not be connected.

Author: wangyi

docs/changes.md

@@ -30,4 +30,8 @@
 
 ## v3.7.0 2021-08-25
 
-* [bug] fix the problem about when using `react-dev-tool`, the state can not be changed.
+* [bug] fix the problem about when using `react-dev-tool`, the state can not be changed.
+
+## v3.7.1 2021-08-26
+
+* [bug] fix the problem about when using `react-refresh`, the state can not be connected.

docs/zh/changes.md

@@ -30,4 +30,8 @@
 
 ## v3.7.0 2021-08-25
 
-* [bug] 修复关于使用 `react-dev-tool` 时，state 无法改变的问题。
+* [bug] 修复关于使用 `react-dev-tool` 时，state 无法改变的问题。
+
+## v3.7.1 2021-08-26
+
+* [bug] 修复关于使用 `react-refresh` 热更新时，state 无法链接的问题。

package.json

@@ -1,6 +1,6 @@
 {
   "name": "use-agent-reducer",
-  "version": "3.7.0",
+  "version": "3.7.1",
   "main": "./index.js",
   "author": "Jimmy.Harding",
   "description": "the purpose of this project is make useReducer classify",
@@ -40,10 +40,10 @@
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "agent-reducer": "^3.6.0"
+    "agent-reducer": ">=3.7.2"
   },
   "dependencies": {
-    "agent-reducer": "3.7.0"
+    "agent-reducer": "3.7.2"
   },
   "devDependencies": {
     "@babel/cli": "^7.13.16",

src/index.ts

@@ -88,6 +88,9 @@ export function useAgentReducer<T extends OriginAgent<S>, S>(
 
   useEffect(
     () => {
+      if (reducer && reducer.env.expired) {
+        reducer.reconnect();
+      }
       reducer.update(state, dispatch);
       if (reducer.agent.state !== state) {
         dispatch({ type: DefaultActionType.DX_MUTE_STATE, args: reducer.agent.state });
@@ -156,6 +159,9 @@ export function useAgentSelector<T extends OriginAgent<S>, S, R>(
 
   useEffect(
     () => {
+      if (reducer && reducer.env.expired) {
+        reducer.reconnect();
+      }
       weakDispatch({ type: DefaultActionType.DX_MUTE_STATE, args: reducer.agent.state });
       return () => {
         const { current: red } = reducerRef;
@@ -198,16 +204,21 @@ export function useAgentMethods<T extends OriginAgent<S>, S>(
   const { current: reducer } = reducerRef;
 
   useEffect(
-    () => () => {
-      const { current: red } = reducerRef;
-      if (!red) {
-        return;
-      }
-      red.env.expired = true;
-      if (!red.destroy) {
-        return;
+    () => {
+      if (reducer && reducer.env.expired) {
+        reducer.reconnect();
       }
-      red.destroy();
+      return () => {
+        const { current: red } = reducerRef;
+        if (!red) {
+          return;
+        }
+        red.env.expired = true;
+        if (!red.destroy) {
+          return;
+        }
+        red.destroy();
+      };
     },
     [],
   );