How do I eliminate FOUC in Nextjs apps?

[yyyyaaa]

When I'm using components built with the <Box /> primitive, I notice that it's suffering from flash of unstyled content bug on every page reload: it shows unstyled content at first, then after a brief moment when app is fully hydrated, the correct styles are loaded and applied. How do I eliminate that? Currently my workaround is using a useIsMounted hook to delay showing the root layout until app is hydrated. Cheers