Warning in Unmounted Component

Hi there,

after i update reactn from version 1.0.0 to 2.0.1 i get on every page change this warning:

index.js:xxx Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method.

This didn’t happen before.

Here is an example of my implementation:

package.json:

"react": "^16.8.6",
"react-router": "^5.0.0",
"react-router-dom": "^5.0.0",
"redux": "^4.0.1",
"reactn": "^2.0.1",
"typescript": "3.4.5",
// also the types for each package

// index.tsx
import React from 'reactn';
import ReactDOM from 'react-dom';
import {BrowserRouter} from 'react-router-dom';

// typings made before
setGlobal({payments: [], invoices: []})
addReducer('getPayments', (global: State, dispatch: Dispatch) => 
   axios.get('url/payments'...).then((data) => ({payments: data})
);

addReducer('getInvoices', (global: State, dispatch: Dispatch) => 
   axios.get('url/invoices'...).then((data) => ({invoices: data})
);

ReactDOM.render(
        <BrowserRouter>
                <App />
            </BrowserRouter>,
        document.getElementById('root')
    );

// App.tsx
import React from 'reactn';

const Payments = props => {
  const [payments] = useGlobal('payments');
  return <div>....</div>;
}

const Invoices = props => {
  const [invoices] = useGlobal('invoices');
  return <div>....</div>;
}

class App extends React.Component {
  render() {
    return (
      <div>
         <Payments />
         <InvoiceList />
      </div>
    );
  }
}

Not sure if this is related to https://github.com/CharlesStover/reactn/issues/28

Thanks for your help

[umbertoghio]

I tried to follow the problem in the debug, I hope it can help

[stahlmanDesign]

I see this problem too when I change tabs, which unmounts some components. I will try to create a minimal reproduction.