title: Giphy React Grid component is not working
body: <p>I am trying to replicate the search and masonry grid from the official documentation using their <a href="https://codesandbox.io/s/giphy-react-components-search-example-forked-wqqt73?file=/src/index.tsxhttps://" rel="nofollow noreferrer">Codesandbox example</a>.</p>
  <p>However, when I am trying to use it, the code is not returning any gifs back.</p>
  <p>I have verified that the JS fetch is indeed returning back gifs, it seems that the grid is not calling the <code>fetchGifs</code> function.</p>
  <p>I am hitting the same issue with Carousel component as well.</p>
  <p>Can anyone help me with this issue?</p>
  <p>Codesandbox link for my implementation - <a href="https://codesandbox.io/s/cocky-waterfall-ny9rzk" rel="nofollow noreferrer">https://codesandbox.io/s/cocky-waterfall-ny9rzk</a>
  Component i was trying to use - Search and Grid from <a href="https://github.com/Giphy/giphy-js/tree/master/packages/react-components" rel="nofollow noreferrer">https://github.com/Giphy/giphy-js/tree/master/packages/react-components</a></p>
  <pre><code>import { GiphyFetch } from &quot;@giphy/js-fetch-api&quot;;
  import { Grid } from &quot;@giphy/react-components&quot;;
  import useDebounce from &quot;react-use/lib/useDebounce&quot;;
  import React, { useState } from &quot;react&quot;;
  
  export default function App() {
    const giphyFetch = new GiphyFetch(&quot;PZpYG85wQpugMlEx02GGqeKfKZ8eMdFZ&quot;);
    const [debouncedInput, setDebouncedInput] = useState&lt;string&gt;(&quot;&quot;);
    const [term, setTerm] = useState&lt;string&gt;(&quot;&quot;);
    useDebounce(() =&gt; setTerm(debouncedInput), 500, [debouncedInput]);
  
    const NoResults = &lt;div className=&quot;no-results&quot;&gt;No Results for {term}&lt;/div&gt;;
  
    const fetchGifs = (offset: number) =&gt; {
      return giphyFetch.search(term, { offset, limit: 10 });
    };
    return (
      &lt;div className=&quot;App&quot;&gt;
        &lt;h1&gt;Hello CodeSandbox&lt;/h1&gt;
        &lt;input
          placeholder=&quot;type to search&quot;
          onChange={({ target: { value } }) =&gt; setDebouncedInput(value)}
          value={debouncedInput}
        /&gt;
        &lt;Grid
          key={term}
          columns={3}
          gutter={6}
          noResultsMessage={NoResults}
          width={400}
          fetchGifs={fetchGifs}
        /&gt;
      &lt;/div&gt;
    );
  }
  </code></pre>