Building an interactive WebGL water hero in React — and the four bugs it cost me

I wanted a hero section that reacts to being touched. Not a video loop of water,

not a looping GIF — an actual surface that ripples where you click it.

The effect itself took an afternoon. Everything around it took considerably

longer, and that is the part worth writing down.

Here is what it ended up looking like: live demo