Estoy tratando con dos componentes y una tienda. Los componentes son Child y Parent, Store es store. Principal al renderizar, crea el componente secundario y el principal escucha la tienda. Ahora quiero actualizar el estado de la variable en la Tienda, exponiendo un método de la Tienda. El padre pasa este método como una devolución de llamada al hijo. El niño tiene un cuadro de diálogo, y si el usuario cierra o descarta ese cuadro de diálogo, se debe llamar a clearStoreInfo(), que pasa del padre al niño. pero cuando lo hago me da error

 React cannot update during an existing state transition (such as within render ) functional component Store looks as : class Stores { ........ ........ ........ @action.bound clearStoreInfo = () => { console.log(" clear info"); } } Parent Component: import Store ........ class InfoContainer extends React.Component { return ( <div id={"info"} className={"container"}> <ButtonPanel store={Store} /> </div> } const ButtonPanel = (props) => { return ( ..... ..... <div> <ChildComponent clearStoreInfo={props.store.clearStoreInfo}/> </div> ...... } class ChildComponent extends React.Component { render(){ const {clearStoreInfo} = this.props; return ( ////if -else ladder clearStoreInfo(); // warning line. <Dialog....... onClose={clearStoreInfo} /> ) } //Because of warning, the dialog box dont come. If i remove clearStoreInfo(), then dialog box works fine. Is there any easy workaround given these components and store?

El cableado funciona bien, porque puedo ver el registro de la consola, basado en la escalera if-else, pero es solo que la advertencia está estropeando las cosas internamente. onClose puede llamar a clearStoreInfo perfectamente, pero cuando lo llamo manualmente, obtengo una advertencia.