Loading video...

Video Failed to Load

Go Home

Announcing @builder.io/react-hydration-overlay! Say goodbye to cryptic React hydration mismatch errors, and hello to rich visual diffs.

100,011 views • 2 years ago •via X (Twitter)

37 Comments

sami 🏃🏽‍♂️👹's profile picture
sami 🏃🏽‍♂️👹2 years ago

Read all about it here

sami 🏃🏽‍♂️👹's profile picture
sami 🏃🏽‍♂️👹2 years ago

Big thanks to @imabhiprasad for showing me the script injection method used by Sentry SDK to guarantee that code executes early enough (before hydration)

Steve (Builder.io)'s profile picture
Steve (Builder.io)2 years ago

@Builder @builder.io vs @builderio strikes again

Khalid Zoabi's profile picture
Khalid Zoabi2 years ago

@Builder This should be built in! @reactjs @nextjs @vercel

Antonio Carlos Filho - trapiche.cloud's profile picture
Antonio Carlos Filho - trapiche.cloud2 years ago

@Builder Does it work with app directory?

sami 🏃🏽‍♂️👹's profile picture
sami 🏃🏽‍♂️👹2 years ago

@Builder Yes

Huy Trinh's profile picture
Huy Trinh2 years ago

@Steve8708 @Builder Does it work with Remix yet?

sami 🏃🏽‍♂️👹's profile picture
sami 🏃🏽‍♂️👹2 years ago

@Steve8708 @Builder No but should be straightforward to add support. Needs a small vite plugin! PRs welcome of course

Erik Rasmussen 👨‍💻🇺🇸🇪🇸's profile picture
Erik Rasmussen 👨‍💻🇺🇸🇪🇸2 years ago

@Builder That is too cool!!!

AleqsBrujo's profile picture
AleqsBrujo2 years ago

@Builder Thank you Sir!!

Yoav Ganbar's profile picture
Yoav Ganbar2 years ago

@Builder Sami nerd snipped himself into this 😂

Kevin Coyle's profile picture
Kevin Coyle2 years ago

@Builder I owe you a beer for this. Thank you 🙏

Davey (old account)'s profile picture
Davey (old account)2 years ago

@Builder Thank you!!!

Ali Jaafari's profile picture
Ali Jaafari2 years ago

@Builder Amazing share

Hùng's profile picture
Hùng2 years ago

@Builder amazing 😱

Nicholas's profile picture
Nicholas2 years ago

@Builder Need this for @nuxt_js , hydration errors are so criptic for beginners

Ev Haus's profile picture
Ev Haus2 years ago

@Builder Nice one! Although... I really wish I could render things based on `localStorage` state on the client without having to deal with this hydration problem to begin with! A big downside to SSR.

Duncan's profile picture
Duncan2 years ago

@Builder @CozyBrian_

Victor's profile picture
Victor2 years ago

@Builder You're a hero! haha

EM.'s profile picture
EM.2 years ago

@Builder Man you really came through 🙏

MAV | AI Systems's profile picture
MAV | AI Systems2 years ago

@Builder i was playing with builder last week and got this exact issue , project was simple so i could point the issue , but in more complex projects i can see this become very useful , well done !

Jean's profile picture
Jean2 years ago

@Builder This has been such a pain. Thank you for taking the time to build this !

Łukasz Wolnik's profile picture
Łukasz Wolnik2 years ago

@Builder

Hedgeson's profile picture
Hedgeson2 years ago

@Builder Nice work! This solves one of the most difficult to debug problems. Vite support would be amazing.

Ryan Miller's profile picture
Ryan Miller2 years ago

@Builder You are doing the lord’s work 🙏

¯\_(ツ)_/¯'s profile picture
¯\_(ツ)_/¯2 years ago

@Builder Tbh, this should be defaulted from the next JS team. No wonder they're not prioritizing this developer experience issue

Tim Lai's profile picture
Tim Lai2 years ago

@Builder This's amazing.

Jake from's profile picture
Jake from2 years ago

@Builder how tf is this not a tool built into frameworks like Next.js

John Forsyth's profile picture
John Forsyth2 years ago

@Builder Nice!!

nvidia-smi(le) - e/idc's profile picture
nvidia-smi(le) - e/idc2 years ago

@Builder Huge

Andrew Lisowski (@hipstersmoothie.com on 🦋)'s profile picture
Andrew Lisowski (@hipstersmoothie.com on 🦋)2 years ago

@Builder That’s pretty cool

vaish's profile picture
vaish2 years ago

@Builder @t3dotgg new video? 👀

pskt45's profile picture
pskt452 years ago

@Builder installed & tested on app router. Unfortunately, didn't work

sami 🏃🏽‍♂️👹's profile picture
sami 🏃🏽‍♂️👹2 years ago

@pushkarsingh32 @Builder There's a working test for app router in the repo: If you are seeing something else, please file an issue in the repo.

Long's profile picture
Long2 years ago

@Builder It can save my day

Ian's profile picture
Ian2 years ago

@Builder Legend. This changes the day to day for so many Next devs. Thanks for the contribution!

Januario's profile picture
Januario2 years ago

@Builder Having vercel vibes from you guys, the talent is 📈

Related Videos