title: How to update a data in a reducer state property in react/redux, when we don't know the level of nesting for the data?
body: <p>I have an array or objects named "properties"</p>
  
  <p>This properties array has objects in the following format:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>{
    "some-unique-key-A": {
      name:"someName1",
      value: {
        "some-unique-key-B": {
          name:"someName11",
          value : "someValue2"
        }
      }
    }
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>Here we don't know what is the nesting-level of that key value pairs. We just know one thing, data is to be updated for key : "some-unique-key-X"</p>
  
  <p>In this case how can we update the x-level nested data immutably?</p>