React 16.11 componentDidMount infinite loop

Question

We have upgraded from react 16.9 to 6.11, and now we have infinite loop when side effect in componentDidMount.

export class DataComponent extends PureComponent {
    componentDidMount() {
        this.props.setData({id: 'new'});
    }
    render() {
        return <Text>{this.props.data.id}</Text>
    }
}

const mamStateToProps = (state) => ({
    data: state.data
});
const mapDispatchToProps = dispatch => ({
    setData: (data) => dispatch(setDataAction(data));
});

const DataContainer = connect(mamStateToProps, mapDispatchToProps)(DataComponent);

The code is totally simple. But when it is mounting componentDidMount calling in loop until maximum call stack. Any ideas?

"react": "16.11.0",
"react-native": "0.62.2",

Can you post usage of `DataComponent` in your code? It's most likely how you use it. — vijay krishna, Jun 02 '20 at 19:07
Yes, It seems like something happen in other place. The project is big, and I can't find a place, where it can be... Strange than this started when we upgraded react — Maksim Zarechnyi, Jun 04 '20 at 05:40

score 1 · Answer 1 · answered Jun 02 '20 at 19:09

1

componentDidMount() {
    this.props.setData({id: 'new'}); //add .props
}

answered Jun 02 '20 at 19:09

Michael Mishin

586
2
8

React 16.11 componentDidMount infinite loop

1 Answers1