fix: remove ssr warning "Detected multiple renderers" (#1262)

.github/workflows/main.yml

@@ -72,5 +72,6 @@ jobs:
       # Branches that will release new versions are defined in .releaserc.json
       - run: pnpm exec semantic-release
         env:
+          NPM_CONFIG_PROVENANCE: true
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           NPM_TOKEN: ${{ secrets.NPM_PUBLISH_TOKEN }}

figma/package.config.ts

@@ -7,4 +7,9 @@ export default defineConfig({
   dist: './dist',
   src: './src',
   tsconfig: './tsconfig.dist.json',
+  strictOptions: {
+    alwaysPackageJsonMain: 'off',
+    alwaysPackageJsonFiles: 'off',
+    noImplicitBrowsersList: 'off',
+  },
 })

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/ui",
-  "version": "2.1.2",
+  "version": "2.1.3-canary.0",
   "keywords": [
     "sanity",
     "ui",
@@ -119,7 +119,7 @@
     "@commitlint/cli": "^19.2.1",
     "@commitlint/config-conventional": "^19.1.0",
     "@juggle/resize-observer": "^3.4.0",
-    "@sanity/pkg-utils": "^6.4.1",
+    "@sanity/pkg-utils": "^6.6.1",
     "@sanity/semantic-release-preset": "^4.1.7",
     "@sanity/ui-workshop": "^2.0.12",
     "@storybook/addon-a11y": "^8.0.7",
@@ -197,8 +197,7 @@
     "node": ">=14.0.0"
   },
   "publishConfig": {
-    "access": "public",
-    "provenance": true
+    "access": "public"
   },
   "esm.sh": {
     "bundle": false

src/core/components/dialog/dialogContext.ts

@@ -1,5 +1,4 @@
-import {createContext} from 'react'
-import {globalScope} from '../../lib/globalScope'
+import {createGlobalScopedContext} from '../../lib/createGlobalScopedContext'
 import {DialogPosition} from '../../types'
 
 /**
@@ -14,9 +13,9 @@ export interface DialogContextValue {
 
 const key = Symbol.for('@sanity/ui/context/dialog')
 
-globalScope[key] = globalScope[key] || createContext<DialogContextValue>({version: 0.0})
-
 /**
  * @internal
  */
-export const DialogContext: React.Context<DialogContextValue> = globalScope[key]
+export const DialogContext = createGlobalScopedContext<DialogContextValue>(key, {
+  version: 0.0,
+})

src/core/components/menu/menuContext.ts

@@ -1,5 +1,4 @@
-import {createContext} from 'react'
-import {globalScope} from '../../lib/globalScope'
+import {createGlobalScopedContext} from '../../lib/createGlobalScopedContext'
 
 export interface MenuContextValue {
   version: 0.0
@@ -26,6 +25,4 @@ export interface MenuContextValue {
 
 const key = Symbol.for('@sanity/ui/context/menu')
 
-globalScope[key] = globalScope[key] || createContext<MenuContextValue | null>(null)
-
-export const MenuContext: React.Context<MenuContextValue | null> = globalScope[key]
+export const MenuContext = createGlobalScopedContext<MenuContextValue | null>(key, null)

src/core/components/toast/toastContext.ts

@@ -1,9 +1,6 @@
-import {createContext} from 'react'
-import {globalScope} from '../../lib/globalScope'
+import {createGlobalScopedContext} from '../../lib/createGlobalScopedContext'
 import {ToastContextValue} from './types'
 
 const key = Symbol.for('@sanity/ui/context/toast')
 
-globalScope[key] = globalScope[key] || createContext<ToastContextValue | null>(null)
-
-export const ToastContext: React.Context<ToastContextValue | null> = globalScope[key]
+export const ToastContext = createGlobalScopedContext<ToastContextValue | null>(key, null)