Local state change triggering Redux's props change

What is the current behavior? Below code normally must change active component state just. But when use “return” in setState, changing props.dailyTasks of parent component.

  _checkAll() {
    const {checkAll} = this.state

    this.setState(prevState => ({
      checkAll: !checkAll,
      dailyTasks: prevState.dailyTasks.map(
        (el) => {
          el.checked = !checkAll
          return el
        }
      )
    }))

  }

What is the expected behavior? Below code works normally. Only the local state is changing.

  _checkAll() {
    const {checkAll} = this.state

    this.setState(prevState => ({
      checkAll: !checkAll,
      dailyTasks: prevState.dailyTasks.map(
        el => true ? { ...el, checked: !checkAll } : el
      )
    }))

  }

Which versions of React, ReactDOM/React Native, Redux, and React Redux are you using? Which browser and OS are affected by this issue? Did this work in previous versions of React Redux?

    "react": "16.8.3",
    "react-dom": "16.8.3",
    "react-native": "https://github.com/expo/react-native/archive/sdk-35.0.0.tar.gz",
    "react-redux": "^7.1.1",
    "redux": "^4.0.4",

[markerikson]

@aytaceminoglu Your description of what the “bug” is isn’t exactly clear. But yes, you’re mutating state there. See https://redux.js.org/recipes/structuring-reducers/immutable-update-patterns and https://daveceddia.com/react-redux-immutability-guide/ for details.

[aytaceminoglu]

Hi @markerikson thanks for info, i will be careful. You think that’s what caused the bug?