title: what's the problem with my array push? hook javascript
body: <pre><code>import * as C from './App.styles';
  import * as Stickers from './services/stickers'
  import { useState, useEffect } from 'react'
  import { async } from '@firebase/util';
  import { Sticker } from './types/Sticker'
  import { StickerItem } from './components/StickerItem';
  
  const App = () =&gt; {
    const [loading, setLoading] = useState(false);
    const [stickers, setStickers] = useState&lt;Sticker[]&gt;([]); 
    const colecao: Sticker[] = [];
    const [count, setCount] = useState(0);
    const [seesticker, setSeesticker] = useState(false);
  
    const dropStickerSubmit = async () =&gt; {
      setLoading(true);
      setStickers(await Stickers.getDrop());
      setCount(count+4);
      for(let i=count-4; i&lt;count; i++){
        colecao.push(stickers[i]);
      }
      setLoading(false);
    }
  
    const defineBoolean = () =&gt; {
      setSeesticker(true);
    }
  </code></pre>
  <p>colecao.push not works and the array doesn't receive anything. The &quot;stickers&quot; array
  it's a hook and he´s work easily. All arrays are Sticker[] type.</p>