TIL: Jul 8

TIL: When working with React Three Fiber (R3F) canvases, avoid using fixed positioning inside CSS-transformed parent elements, as this frequently triggers layout shifts or canvas collapse due to how browser rendering engines handle stacking contexts and coordinate spaces. Instead, favor relative or absolute positioning within the component tree and ensure a Suspense boundary is explicitly defined to prevent race conditions during component mounting.