Giphy React Grid component is not working

[rimildeyjsr]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

I am trying to replicate the search and masonry grid from the official documentation using their Codesandbox example.

However, when I am trying to use it, the code is not returning any gifs back.

I have verified that the JS fetch is indeed returning back gifs, it seems that the grid is not calling the fetchGifs function.

I am hitting the same issue with Carousel component as well.

Codesandbox link for my implementation - https://codesandbox.io/s/cocky-waterfall-ny9rzk Component i was trying to use - Search and Grid from https://github.com/Giphy/giphy-js/tree/master/packages/react-components

Expected behavior 🤔

The grid and carousel should return gifs

Steps to reproduce 🕹

https://codesandbox.io/s/cocky-waterfall-ny9rzk

Screenshots or Videos 📹

No response

Platform 🌍

MacOS, Chrome

GIPHY-JS SDK version

5.9.2

TypeScript version

4.6.4

Additional context 🔦

No response

[giannif]

@rimildeyjsr not sure why but it has to do with <StrictMode/>, which is wrapping the app in the index.tsx file

We will investigate. In the meantime, if you remove StrictMode it will work.

[rimildeyjsr]

Thank you for looking into this @giannif!

[giannif]

@rimildeyjsr thanks for catching the issue! I just released @giphy/react-components version 5.9.3 with this fix and the codesandbox works with this new version 💃

[rimildeyjsr]

@giannif - Thank you for the quick fix! I verified as well it works :)