Tengo un código algo como esto:

 componentDidMount() { const { account, columns } = this.state; getDependencies(this.context.contextPath, account, columns ).then(response => { const updated = response.columns; const newDimensions = updated.filter( ({ dimensionId: id1 }) => !columns.some( ({ dimensionId: id2 }) => id2 === id1 ) ); let temp = columns.concat(newDimensions); temp = _.sortBy(temp, ['orderNo']); this.setState( { allowedPostingDimensions: response.allowedDimensions, columns: temp, account: response.glAccount, isDependenciesLoaded: true, }, this.handleItemChange ); }); }

Y después de ordenar las columnas, obtengo un error y la configuración me da este error:

 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.

Si no ordeno las columnas (solo agrego nuevas columnas), no obtendré estos errores.

Ya intenté crear una bandera en el estado: isMounted: false. En componentDidMount establece el estado isMounted = true y en componentWillUnmount: establece el estado isMounted = false. Esto no es una ayuda para mí.