Connect not working with StateLess component in Redux-react
<p>I'm dispatching an action from some-other component , and store is getting updated with <code>svgArr</code> property, but though the following Stateless component <code>connect'ed</code> to the store , it ain't getting updated when store changes for <code>svgArr</code>.</p>
<p>Is it how it suppose to behave as it's a stateless component ? Or am I doing something wrong ?</p>
<pre><code>const Layer = (props) =&gt; {
  console.log(props.svgArr);
  return (&lt;div style = {
    {
      width: props.canvasWidth,
      height: props.canvasWidth
    }
  }
  className = {
    styles.imgLayer
  } &gt; hi &lt; /div&gt;);
};

connect((state) =&gt; {
  return {
    svgArr: state.svgArr
  };
}, Layer);

export default Layer;
</code></pre>