stuck at end of bento grid; something with handleClick | JavaScript Mastery - Programming & Coding Community | Page 1

torpid abyss Aug 10, 2024, 2:47 AM

#

I just finished the Bento Grid section of the tutorial, and I get this error when everything should be working properly. Does anyone know how I can fix this error? I even tried copying his BentoGrid.tsx directly from his github and it still gave the same error.

#

stuck at end of bento grid; something with handleClick

#

The error is located in the magic button component. And yes, I did copy his magic button exactly the same

torpid abyss Aug 10, 2024, 1:38 PM

#

Any help would be appreciated!

dawn lichen Aug 11, 2024, 11:41 AM

#

So, did the error occur when you added the MagicButton component to the BentoGrid?

#

what happen if you comment MagicButton component? Did the error disappear?

#

Did you add "use client" somewhere in Grid.tsx or BentoGrid.tsx?

torpid abyss Aug 11, 2024, 4:41 PM

#

dawn lichen Did you add `"use client"` somewhere in `Grid.tsx` or `BentoGrid.tsx`?

I added use client and the error changed.

torpid abyss Aug 11, 2024, 5:08 PM

#

I fixed the problem. No worries

dawn lichen Aug 12, 2024, 12:32 AM

#

Nice! How did you solve the problem?

#stuck at end of bento grid; something with handleClick