[v2] add a way to exclude components from SSR within JSX

🚀 Feature

Add a way to exclude components from SSR in JSX. Maybe somethin like <NoSSR></NoSSR>.

Have you read the Contributing Guidelines on issues?

yes

Motivation

Right now, each time we use a react lib that doesn’t support SSR we have to put this check {typeof window !== 'undefined' && .... } everywhere inside js and mdx files.

Pitch

Tools like Next js and nuxt provide a way to exclude components from the SSR within the markup. To avoid errors during the build phase we should be able to do se same in a better way than using {typeof window !== 'undefined' && .... } or {typeof document !== 'undefined' && .... }.

[lex111]

Fine, I wrote it on my todo list 📔

[yangshun]

Ok I think we can add that, but it is better named <ClientOnly>/<ClientRenderedOnly> rather than <NoSSR>.