feat: load flagged component after 5 seconds if no flag info

[raquelmsmith]

Changes

If feature flags don't resolve, due to them being ad blocked or some other issue, then our RenderInClient component will just show the placeholder forever. This is okay in some cases where the placeholder is actual sane info, but in places like on pricing page experiments where we show a skeleton as a placeholder, this is not great.

This changes it so that, after 5 seconds of rendering the RenderInClient component if we still have no flag info, we just render the render() component. Those components should always use some sort of flag check like posthog?.isFeatureEnabled('direct-to-eu-cloud') ? 'eu' : 'app', so if we don't have flags then we just end up with the default.

Question - isFeatureEnabled is in the snippet. But if posthog isn't loaded yet, will this throw an error? (I loaded the page while blocking the requests and it seemed to work okay so I think it's fine)

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
posthog	✅ Ready (Inspect)	Visit Preview	Aug 22, 2024 8:41pm

[benjackwhite]

I think this is the most sensible choice