Skip to content
Andrew Voirol
WorkLogAboutContact
HomeWorkLog

AboutContact

✦ Just one prompt away from figuring it all out.

Friday, July 31, 2026deepweather-globe-build

Reconciler crashes and the Reykjavik snow globe

Three.jsReactAI StudioGLSLGemini

First boot threw a black screen and a fatal reconciler crash, but one dependency bump brought 1,541 lines of custom shaders to life with live Gemini weather grounding. The crash was Cannot read properties of undefined (reading 'ReactCurrentOwner') — React 19 removed the internal that @react-three/[email protected] depended on through [email protected]. Bumping R3F to ^9.7.0 and @react-three/drei to ^10.7.7 while ditching orphaned three-stdlib instantly cleared the console and booted the Three.js canvas. Feeding a live API key into geminiService.ts activated Gemini 2.5 Flash with { googleMaps: {} } tool grounding. Searching "Reykjavik" returned 10°C cloudy night conditions and dynamically re-parameterized the scene: uNight flipped the procedural building shader to illuminate windows, FBM noise carved volumetric clouds drifting across the sphere, and snow particle shaders faded out smoothly at the glass boundary. Verified the live Google Maps attribution chips in the UI, patched the dead API key banner in VeoStudio.tsx, and captured the hero state across 10 source files without a single runtime error.

← Previous

React Three Fiber scroll-driven architecture

Next →

190 kilobytes of app, 973 of Three.js


Andrew Voirol

Builder, hacker, shipper. Currently leaving localhost.

Navigate

WorkBuilder’s LogAboutContactRSS Feed

Connect

X / TwitterGitHubLinkedIn

© 2026 Andrew Voirol·Back to top ↑
✦Just one prompt away from figuring it all out.