{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/b8b7fcfe79334491946a95b2f0530103\" frameborder=\"0\" width=\"1662\" height=\"1246\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1246,"width":1662,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1246,"thumbnail_width":1662,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/b8b7fcfe79334491946a95b2f0530103-1430c2b3fd87c31f.gif","duration":95.744,"title":"Fixing Table Re-render with Memoization 🛠️","description":"I dug into a table overlay issue where mouse enter was triggering the overlay rewrite, and entering the overlay also counted as a mouse leave on the table. I used a neat tool called Why Did You Render to confirm the problem. It said the prop subject changed, but the values were equal, so we should make the component pure. Based on Claude, I added memo to CellRender, ResultRow, and ResultStable, which pretty much solved it. I reloaded after the change to verify."}