hooks: Bug: The loading state of useRequest is incorrect with react-refresh

React version: 16.13.1 react-refresh version: 0.8.1 react-refresh-webpack-plugin version: 0.3.0-beta.6 umi/hooks version: 1.9.2

Steps To Reproduce

1. run react-refresh-webpack-plugin/examples/webpack-dev-server
2. useRequest in examples/webpack-dev-server/src/FunctionNamed.js
3. try hmr

Link to code example:

import React from 'react';
import { useRequest } from '@umijs/hooks';

function getUsername() {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve('test');
    }, 1000);
  });
}

export function FunctionNamed() {
  const { data, loading } = useRequest(getUsername)
  console.log('x', loading);
  return <h1>
    {loading ? 'loading' : data}
  </h1>;
}

The current behavior

The result of loading will always be true when hmr.

The expected behavior

The result of loading should be the right value.

The bug reason

The state of Function component is preserved, but effects re-run in React Refresh. For Detail.

A suggestion for code shown as below :

refresh() {
    if (this.unmountedFlag) this.unmountedFlag = false;
    return this.run(...this.state.params);
}

Thanks for your help.