title: variable populated through useSelector (redux) displaying null instead of actual value when accessing through Sencha button handler
body: <p>variable populated through useSelector (redux) displaying null instead of actual value when accessing through button handler. when using the class-based approach it works fine:</p>
  <pre><code>import React from &quot;react&quot;;
  
  import { useSelector } from &quot;react-redux&quot;;
  import { Button } from &quot;@sencha/ext-react-modern&quot;;
  
  const LoadButton = () =&gt; {
    const viewer = useSelector((state) =&gt; state.bim._viewer);
  
    const handleSenchaBtn = () =&gt; {
      console.log(&quot;sencha button&quot;, viewer);
    };
    const handleHtmlBtn = () =&gt; {
      console.log(&quot;html button&quot;, viewer);
    };
    return (
      &lt;&gt;
        &lt;button onClick={handleHtmlBtn}&gt;Normal Button&lt;/button&gt;
        &lt;Button text=&quot;Sencha Button&quot; ui=&quot;action&quot; handler={handleSenchaBtn} /&gt;
      &lt;/&gt;
    );
  };
  
  export default LoadButton;
  </code></pre>
  <p>Console logs of button actions:</p>
  <p><a href="https://i.stack.imgur.com/k1Drg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/k1Drg.png" alt="Console logs" /></a></p>