title: recompose withState how to update on props changes
body: <p>I have a higher order component that I try to modify a bit (I'm not familiar with recompose). </p>
  
  <p>So thats my component: </p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;Map mycenter={mycenter}  /&gt;
  </code></pre>
  
  <p>I want the map-component to update or to rerendered if the mycenter is updated. I'm trying to modify the code from 
  <a href="https://github.com/istarkov/google-map-thousands-markers/blob/master/src/Map.js" rel="nofollow noreferrer">https://github.com/istarkov/google-map-thousands-markers/blob/master/src/Map.js</a></p>
  
  <p>I made some modifications to the code. First, the map center is set to mycenter. That works.</p>
  
  <pre class="lang-js prettyprint-override"><code>withState('mapParams', 'setMapParams', ({ mycenter }) =&gt; ({ center:mycenter, zoom: 12 })),
  </code></pre>
  
  <p>After that the user can click somewhere and the center will be modified</p>
  
  <pre class="lang-js prettyprint-override"><code>withHandlers({
      onMapParamsChange: ({ setMapParams }) =&gt; ({ center, zoom, bounds }) =&gt; {
        setMapParams({ center, zoom, bounds });
        console.log('setMapParams', { center, zoom });
      },
  </code></pre>
  
  <p>Is there a way so that the component rerenders or the center is updated if "mycenter" is updated? </p>