fix: remove ssr warning "Detected multiple renderers"

[stipsan]

In App Router there's frequently very long (truncated below) warnings:

Warning: Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported.
    at ThemeProvider (webpack-internal:///(ssr)/./node_modules/@sanity/ui/dist/index.mjs:662:72)
    at ThemeProvider (webpack-internal:///(ssr)/./app/[lang]/ThemeProvider.tsx:14:26)
    at Lazy
    at Le (webpack-internal:///(ssr)/./node_modules/styled-components/dist/styled-components.esm.js:32:16022)
    at StyledComponentsRegistry (webpack-internal:///(ssr)/./app/[lang]/registry.tsx:17:37)
    at Lazy
    at body
    at html

It was first reported at next-sanity.

Expo had to solve for the same warning, as it relates to how React deals with contexts during SRR.

This PR solves it by wrapping the usage of globalScope[key] = globalScope[key] || React.createContext in a helper that detects if we're in SSR where it falls back to always calling React.createContext and thus the warning stops showing up.

[vercel]

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

Name	Status	Preview	Updated (UTC)
sanity-ui-storybook	✅ Ready (Inspect)	Visit Preview	Apr 12, 2024 8:58am
sanity-ui-workshop	✅ Ready (Inspect)	Visit Preview	Apr 12, 2024 8:58am

[socket-security]

Removed dependencies detected. Learn more about Socket for GitHub ↗︎

🚮 Removed packages: npm/@sanity/pkg-utils@6.4.1

View full report↗︎