@sanity/sdk-react 2.20.0 → 2.20.1

package/dist/index.js

@@ -5,6 +5,7 @@ import { StrictMode, Suspense, createContext, use, useCallback, useContext, useE
 import { ErrorBoundary, getErrorMessage } from "react-error-boundary";
 import { SDK_CHANNEL_NAME, SDK_NODE_NAME } from "@sanity/message-protocol";
 import { EMPTY, Observable, distinctUntilChanged, filter, firstValueFrom, identity, startWith, switchMap } from "rxjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { getCommentsOptionsKey, initTelemetry, isDeepEqual, parseCommentsOptionsKey, pickProperties, trackHookMounted } from "@sanity/sdk/_internal";
 import { createRoot } from "react-dom/client";
 import "groq";
@@ -159,7 +160,7 @@ const ComlinkTokenRefreshProvider = (t0) => {
 	let $ = c(2), { children } = t0, instance = useSanityInstance(), isInDashboard = getIsInDashboardState(instance).getCurrent(), isStudio = isStudioConfig(instance.config);
 	if (isInDashboard && !isStudio) {
 		let t1;
-		return $[0] === children ? t1 = $[1] : (t1 = <DashboardTokenRefresh>{children}</DashboardTokenRefresh>, $[0] = children, $[1] = t1), t1;
+		return $[0] === children ? t1 = $[1] : (t1 = /* @__PURE__ */ jsx(DashboardTokenRefresh, { children }), $[0] = children, $[1] = t1), t1;
 	}
 	return children;
 };
@@ -283,15 +284,45 @@ const styles = {
 };
 function Error$1(t0) {
 	let $ = c(13), { heading, description, code, cta } = t0, t1;
-	$[0] === heading ? t1 = $[1] : (t1 = <h1 style={styles.heading}>{heading}</h1>, $[0] = heading, $[1] = t1);
+	$[0] === heading ? t1 = $[1] : (t1 = /* @__PURE__ */ jsx("h1", {
+		style: styles.heading,
+		children: heading
+	}), $[0] = heading, $[1] = t1);
 	let t2;
-	$[2] === description ? t2 = $[3] : (t2 = description && <p style={styles.paragraph} dangerouslySetInnerHTML={{ __html: description }} />, $[2] = description, $[3] = t2);
+	$[2] === description ? t2 = $[3] : (t2 = description && /* @__PURE__ */ jsx("p", {
+		style: styles.paragraph,
+		dangerouslySetInnerHTML: { __html: description }
+	}), $[2] = description, $[3] = t2);
 	let t3;
-	$[4] === code ? t3 = $[5] : (t3 = code && <code style={styles.code}>{code}</code>, $[4] = code, $[5] = t3);
+	$[4] === code ? t3 = $[5] : (t3 = code && /* @__PURE__ */ jsx("code", {
+		style: styles.code,
+		children: code
+	}), $[4] = code, $[5] = t3);
 	let t4;
-	$[6] === cta ? t4 = $[7] : (t4 = cta && (cta.href || cta.onClick) && <p style={styles.paragraph}>{cta.href ? <a style={styles.link} href={cta.href} target="_blank" rel="noopener noreferrer">{cta.text}</a> : <button style={styles.link} onClick={cta.onClick}>{cta.text}</button>}</p>, $[6] = cta, $[7] = t4);
+	$[6] === cta ? t4 = $[7] : (t4 = cta && (cta.href || cta.onClick) && /* @__PURE__ */ jsx("p", {
+		style: styles.paragraph,
+		children: cta.href ? /* @__PURE__ */ jsx("a", {
+			style: styles.link,
+			href: cta.href,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			children: cta.text
+		}) : /* @__PURE__ */ jsx("button", {
+			style: styles.link,
+			onClick: cta.onClick,
+			children: cta.text
+		})
+	}), $[6] = cta, $[7] = t4);
 	let t5;
-	return $[8] !== t1 || $[9] !== t2 || $[10] !== t3 || $[11] !== t4 ? (t5 = <div style={styles.container}>{t1}{t2}{t3}{t4}</div>, $[8] = t1, $[9] = t2, $[10] = t3, $[11] = t4, $[12] = t5) : t5 = $[12], t5;
+	return $[8] !== t1 || $[9] !== t2 || $[10] !== t3 || $[11] !== t4 ? (t5 = /* @__PURE__ */ jsxs("div", {
+		style: styles.container,
+		children: [
+			t1,
+			t2,
+			t3,
+			t4
+		]
+	}), $[8] = t1, $[9] = t2, $[10] = t3, $[11] = t4, $[12] = t5) : t5 = $[12], t5;
 }
 function reload() {
 	try {
@@ -319,10 +350,14 @@ function ChunkLoadError(_props) {
 		alreadyAttempted || (setChunkReloadFlag(), reload());
 	}, t2 = [alreadyAttempted], $[1] = t1, $[2] = t2) : (t1 = $[1], t2 = $[2]), useEffect(t1, t2), !alreadyAttempted) return null;
 	let t3;
-	return $[3] === Symbol.for("react.memo_cache_sentinel") ? (t3 = <Error$1 heading="A new version is available" description="The page tried to load an asset that no longer exists. Reload to continue with the latest version." cta={{
-		text: "Reload page",
-		onClick: _temp$7
-	}} />, $[3] = t3) : t3 = $[3], t3;
+	return $[3] === Symbol.for("react.memo_cache_sentinel") ? (t3 = /* @__PURE__ */ jsx(Error$1, {
+		heading: "A new version is available",
+		description: "The page tried to load an asset that no longer exists. Reload to continue with the latest version.",
+		cta: {
+			text: "Reload page",
+			onClick: _temp$7
+		}
+	}), $[3] = t3) : t3 = $[3], t3;
 }
 function _temp$7() {
 	clearChunkReloadFlag(), reload();
@@ -334,14 +369,17 @@ function CorsErrorComponent(t0) {
 		url.searchParams.set("cors", "add"), url.searchParams.set("origin", origin), url.searchParams.set("credentials", "include"), t1 = url.toString(), $[0] = projectId, $[1] = t1;
 	} else t1 = $[1];
 	let corsUrl = t1, t2;
-	return $[2] !== corsUrl || $[3] !== error || $[4] !== projectId ? (t2 = <Error$1 heading={"Before you continue…"} {...projectId ? {
-		description: "To access your content, you need to <strong>add the following URL as a CORS origin</strong> to your Sanity project.",
-		code: origin,
-		cta: {
-			text: "Manage CORS configuration",
-			href: corsUrl
-		}
-	} : { description: getErrorMessage(error) }} />, $[2] = corsUrl, $[3] = error, $[4] = projectId, $[5] = t2) : t2 = $[5], t2;
+	return $[2] !== corsUrl || $[3] !== error || $[4] !== projectId ? (t2 = /* @__PURE__ */ jsx(Error$1, {
+		heading: "Before you continue…",
+		...projectId ? {
+			description: "To access your content, you need to <strong>add the following URL as a CORS origin</strong> to your Sanity project.",
+			code: origin,
+			cta: {
+				text: "Manage CORS configuration",
+				href: corsUrl
+			}
+		} : { description: getErrorMessage(error) }
+	}), $[2] = corsUrl, $[3] = error, $[4] = projectId, $[5] = t2) : t2 = $[5], t2;
 }
 function isInIframe() {
 	return typeof window < "u" && window.self !== window.top;
@@ -523,16 +561,23 @@ function LoginError(t0) {
 		isProjectUserNotFound
 	], $[12] = clientError, $[13] = handleRetry, $[14] = isInDashboard, $[15] = isProjectUserNotFound, $[16] = t6, $[17] = t7) : (t6 = $[16], t7 = $[17]), useEffect(t6, t7);
 	let t8;
-	$[18] === dashboardAccessProjectId ? t8 = $[19] : (t8 = dashboardAccessProjectId && <Suspense fallback={null}><DashboardAccessRequest projectId={dashboardAccessProjectId} /></Suspense>, $[18] = dashboardAccessProjectId, $[19] = t8);
+	$[18] === dashboardAccessProjectId ? t8 = $[19] : (t8 = dashboardAccessProjectId && /* @__PURE__ */ jsx(Suspense, {
+		fallback: null,
+		children: /* @__PURE__ */ jsx(DashboardAccessRequest, { projectId: dashboardAccessProjectId })
+	}), $[18] = dashboardAccessProjectId, $[19] = t8);
 	let t9 = error instanceof ConfigurationError ? "Configuration Error" : "Authentication Error", t10;
 	$[20] !== handleRetry || $[21] !== showRetryCta ? (t10 = showRetryCta ? {
 		text: "Retry",
 		onClick: handleRetry
 	} : void 0, $[20] = handleRetry, $[21] = showRetryCta, $[22] = t10) : t10 = $[22];
 	let t11;
-	$[23] !== authErrorMessage || $[24] !== t10 || $[25] !== t9 ? (t11 = <Error$1 heading={t9} description={authErrorMessage} cta={t10} />, $[23] = authErrorMessage, $[24] = t10, $[25] = t9, $[26] = t11) : t11 = $[26];
+	$[23] !== authErrorMessage || $[24] !== t10 || $[25] !== t9 ? (t11 = /* @__PURE__ */ jsx(Error$1, {
+		heading: t9,
+		description: authErrorMessage,
+		cta: t10
+	}), $[23] = authErrorMessage, $[24] = t10, $[25] = t9, $[26] = t11) : t11 = $[26];
 	let t12;
-	return $[27] !== t11 || $[28] !== t8 ? (t12 = <>{t8}{t11}</>, $[27] = t11, $[28] = t8, $[29] = t12) : t12 = $[29], t12;
+	return $[27] !== t11 || $[28] !== t8 ? (t12 = /* @__PURE__ */ jsxs(Fragment, { children: [t8, t11] }), $[27] = t11, $[28] = t8, $[29] = t12) : t12 = $[29], t12;
 }
 if (isInIframe() && !document.querySelector("[data-sanity-core]")) {
 	let parsedUrl = new URL(window.location.href), mode = new URLSearchParams(parsedUrl.hash.slice(1)).get("mode"), script = document.createElement("script");
@@ -564,14 +609,21 @@ function AuthBoundary(t0) {
 	$[0] === t0 ? (props = $[1], t1 = $[2]) : ({LoginErrorComponent: t1, ...props} = t0, $[0] = t0, $[1] = props, $[2] = t1);
 	let LoginErrorComponent = t1 === void 0 ? LoginError : t1, authState = useAuthState(), sessionResetKey = authState.type === AuthStateType.LOGGED_IN ? authState.token : authState.type, t2;
 	$[3] === LoginErrorComponent ? t2 = $[4] : (t2 = function LoginComponentWithLayoutProps(fallbackProps) {
-		return isImportError(fallbackProps.error) ? <ChunkLoadError {...fallbackProps} /> : fallbackProps.error instanceof CorsOriginError ? <CorsErrorComponent {...fallbackProps} projectId={getCorsErrorProjectId(fallbackProps.error)} /> : <LoginErrorComponent {...fallbackProps} />;
+		return isImportError(fallbackProps.error) ? /* @__PURE__ */ jsx(ChunkLoadError, { ...fallbackProps }) : fallbackProps.error instanceof CorsOriginError ? /* @__PURE__ */ jsx(CorsErrorComponent, {
+			...fallbackProps,
+			projectId: getCorsErrorProjectId(fallbackProps.error)
+		}) : /* @__PURE__ */ jsx(LoginErrorComponent, { ...fallbackProps });
 	}, $[3] = LoginErrorComponent, $[4] = t2);
 	let FallbackComponent = t2, t3;
 	$[5] === sessionResetKey ? t3 = $[6] : (t3 = [sessionResetKey], $[5] = sessionResetKey, $[6] = t3);
 	let t4;
-	$[7] === props ? t4 = $[8] : (t4 = <AuthSwitch {...props} />, $[7] = props, $[8] = t4);
+	$[7] === props ? t4 = $[8] : (t4 = /* @__PURE__ */ jsx(AuthSwitch, { ...props }), $[7] = props, $[8] = t4);
 	let t5;
-	return $[9] !== FallbackComponent || $[10] !== t3 || $[11] !== t4 ? (t5 = <ComlinkTokenRefreshProvider><ErrorBoundary FallbackComponent={FallbackComponent} resetKeys={t3}>{t4}</ErrorBoundary></ComlinkTokenRefreshProvider>, $[9] = FallbackComponent, $[10] = t3, $[11] = t4, $[12] = t5) : t5 = $[12], t5;
+	return $[9] !== FallbackComponent || $[10] !== t3 || $[11] !== t4 ? (t5 = /* @__PURE__ */ jsx(ComlinkTokenRefreshProvider, { children: /* @__PURE__ */ jsx(ErrorBoundary, {
+		FallbackComponent,
+		resetKeys: t3,
+		children: t4
+	}) }), $[9] = FallbackComponent, $[10] = t3, $[11] = t4, $[12] = t5) : t5 = $[12], t5;
 }
 function AuthSwitch(t0) {
 	let $ = c(16), children, projectIds, props, t1, t2;
@@ -590,7 +642,7 @@ function AuthSwitch(t0) {
 		case AuthStateType.ERROR: throw new AuthError(authState.error);
 		case AuthStateType.LOGGING_IN: {
 			let t6;
-			return $[13] !== CallbackComponent || $[14] !== props ? (t6 = <CallbackComponent {...props} />, $[13] = CallbackComponent, $[14] = props, $[15] = t6) : t6 = $[15], t6;
+			return $[13] !== CallbackComponent || $[14] !== props ? (t6 = /* @__PURE__ */ jsx(CallbackComponent, { ...props }), $[13] = CallbackComponent, $[14] = props, $[15] = t6) : t6 = $[15], t6;
 		}
 		case AuthStateType.LOGGED_IN: return children;
 		case AuthStateType.LOGGED_OUT: return null;
@@ -722,7 +774,10 @@ function InferredResourcesProvider(t0) {
 		...explicitResources
 	}, $[3] = explicitResources, $[4] = inferred, $[5] = t1) : t1 = $[5];
 	let resources = t1, t2;
-	return $[6] !== children || $[7] !== resources ? (t2 = <ResourcesContext.Provider value={resources}>{children}</ResourcesContext.Provider>, $[6] = children, $[7] = resources, $[8] = t2) : t2 = $[8], t2;
+	return $[6] !== children || $[7] !== resources ? (t2 = /* @__PURE__ */ jsx(ResourcesContext.Provider, {
+		value: resources,
+		children
+	}), $[6] = children, $[7] = resources, $[8] = t2) : t2 = $[8], t2;
 }
 /**
 * When `inferMediaLibraryAndCanvas` is set, this component suspends until
@@ -738,10 +793,18 @@ function OrganizationResourcesProvider(t0) {
 	let explicitResources = t2, instance = useSanityInstance(), orgId = useDashboardOrganizationId();
 	if (!inferMediaLibraryAndCanvas || !orgId) {
 		let t3;
-		return $[2] !== children || $[3] !== explicitResources ? (t3 = <ResourcesContext.Provider value={explicitResources}>{children}</ResourcesContext.Provider>, $[2] = children, $[3] = explicitResources, $[4] = t3) : t3 = $[4], t3;
+		return $[2] !== children || $[3] !== explicitResources ? (t3 = /* @__PURE__ */ jsx(ResourcesContext.Provider, {
+			value: explicitResources,
+			children
+		}), $[2] = children, $[3] = explicitResources, $[4] = t3) : t3 = $[4], t3;
 	}
 	let t3;
-	return $[5] !== children || $[6] !== explicitResources || $[7] !== instance || $[8] !== orgId ? (t3 = <InferredResourcesProvider instance={instance} orgId={orgId} explicitResources={explicitResources}>{children}</InferredResourcesProvider>, $[5] = children, $[6] = explicitResources, $[7] = instance, $[8] = orgId, $[9] = t3) : t3 = $[9], t3;
+	return $[5] !== children || $[6] !== explicitResources || $[7] !== instance || $[8] !== orgId ? (t3 = /* @__PURE__ */ jsx(InferredResourcesProvider, {
+		instance,
+		orgId,
+		explicitResources,
+		children
+	}), $[5] = children, $[6] = explicitResources, $[7] = instance, $[8] = orgId, $[9] = t3) : t3 = $[9], t3;
 }
 /**
 * Provides the active DocumentResource for a subtree.
@@ -788,13 +851,17 @@ const ResourceContext = createContext(void 0), PerspectiveContext = createContex
 */
 function SanityInstanceProvider(t0) {
 	let $ = c(6), { instance, fallback, children } = t0, t1;
-	$[0] !== children || $[1] !== fallback ? (t1 = <Suspense fallback={fallback}>{children}</Suspense>, $[0] = children, $[1] = fallback, $[2] = t1) : t1 = $[2];
+	$[0] !== children || $[1] !== fallback ? (t1 = /* @__PURE__ */ jsx(Suspense, {
+		fallback,
+		children
+	}), $[0] = children, $[1] = fallback, $[2] = t1) : t1 = $[2];
 	let t2;
-	return $[3] !== instance || $[4] !== t1 ? (t2 = <SanityInstanceContext.Provider value={instance}>{t1}</SanityInstanceContext.Provider>, $[3] = instance, $[4] = t1, $[5] = t2) : t2 = $[5], t2;
+	return $[3] !== instance || $[4] !== t1 ? (t2 = /* @__PURE__ */ jsx(SanityInstanceContext.Provider, {
+		value: instance,
+		children: t1
+	}), $[3] = instance, $[4] = t1, $[5] = t2) : t2 = $[5], t2;
 }
-const DEFAULT_FALLBACK = <>
-    Warning: No fallback provided. Please supply a fallback prop to ensure proper Suspense handling.
-  </>;
+const DEFAULT_FALLBACK = /* @__PURE__ */ jsx(Fragment, { children: "Warning: No fallback provided. Please supply a fallback prop to ensure proper Suspense handling." });
 /**
 * Provides Sanity configuration to child components through React Context.
 *
@@ -873,13 +940,26 @@ function ResourceProvider(t0) {
 		};
 	}), t8 = [instance, parentInstance], $[18] = instance, $[19] = parentInstance, $[20] = t7, $[21] = t8) : (t7 = $[20], t8 = $[21]), useEffect(t7, t8);
 	let t9 = fallback === void 0 ? DEFAULT_FALLBACK : fallback, t10 = perspective ?? parentPerspective, t11;
-	$[22] !== children || $[23] !== t10 ? (t11 = <PerspectiveContext.Provider value={t10}>{children}</PerspectiveContext.Provider>, $[22] = children, $[23] = t10, $[24] = t11) : t11 = $[24];
+	$[22] !== children || $[23] !== t10 ? (t11 = /* @__PURE__ */ jsx(PerspectiveContext.Provider, {
+		value: t10,
+		children
+	}), $[22] = children, $[23] = t10, $[24] = t11) : t11 = $[24];
 	let t12;
-	$[25] !== effectiveProjectId || $[26] !== t11 ? (t12 = <ProjectContext.Provider value={effectiveProjectId}>{t11}</ProjectContext.Provider>, $[25] = effectiveProjectId, $[26] = t11, $[27] = t12) : t12 = $[27];
+	$[25] !== effectiveProjectId || $[26] !== t11 ? (t12 = /* @__PURE__ */ jsx(ProjectContext.Provider, {
+		value: effectiveProjectId,
+		children: t11
+	}), $[25] = effectiveProjectId, $[26] = t11, $[27] = t12) : t12 = $[27];
 	let t13;
-	$[28] !== effectiveResource || $[29] !== t12 ? (t13 = <ResourceContext.Provider value={effectiveResource}>{t12}</ResourceContext.Provider>, $[28] = effectiveResource, $[29] = t12, $[30] = t13) : t13 = $[30];
+	$[28] !== effectiveResource || $[29] !== t12 ? (t13 = /* @__PURE__ */ jsx(ResourceContext.Provider, {
+		value: effectiveResource,
+		children: t12
+	}), $[28] = effectiveResource, $[29] = t12, $[30] = t13) : t13 = $[30];
 	let t14;
-	return $[31] !== instance || $[32] !== t13 || $[33] !== t9 ? (t14 = <SanityInstanceProvider instance={instance} fallback={t9}>{t13}</SanityInstanceProvider>, $[31] = instance, $[32] = t13, $[33] = t9, $[34] = t14) : t14 = $[34], t14;
+	return $[31] !== instance || $[32] !== t13 || $[33] !== t9 ? (t14 = /* @__PURE__ */ jsx(SanityInstanceProvider, {
+		instance,
+		fallback: t9,
+		children: t13
+	}), $[31] = instance, $[32] = t13, $[33] = t9, $[34] = t14) : t14 = $[34], t14;
 }
 /**
 * Clears the chunk-reload flag once children render successfully past the
@@ -929,13 +1009,29 @@ function SDKProvider(t0) {
 		$[19] !== config || $[20] !== t3 ? (t4 = new Set([...t3, ...(Array.isArray(config) ? config : [config]).map(_temp3$1)].filter(_temp4)), $[19] = config, $[20] = t3, $[21] = t4) : t4 = $[21], t2 = Array.from(t4), $[14] = config, $[15] = resourcesValue, $[16] = t2;
 	} else t2 = $[16];
 	let projectIds = t2, t3;
-	$[22] === Symbol.for("react.memo_cache_sentinel") ? (t3 = <ResetChunkReloadFlagOnMount />, $[22] = t3) : t3 = $[22];
+	$[22] === Symbol.for("react.memo_cache_sentinel") ? (t3 = /* @__PURE__ */ jsx(ResetChunkReloadFlagOnMount, {}), $[22] = t3) : t3 = $[22];
 	let t4 = resourcesValue[DEFAULT_RESOURCE_NAME], t5;
-	$[23] !== children || $[24] !== inferMediaLibraryAndCanvas || $[25] !== resourcesValue ? (t5 = <OrganizationResourcesProvider resources={resourcesValue} inferMediaLibraryAndCanvas={inferMediaLibraryAndCanvas}>{children}</OrganizationResourcesProvider>, $[23] = children, $[24] = inferMediaLibraryAndCanvas, $[25] = resourcesValue, $[26] = t5) : t5 = $[26];
+	$[23] !== children || $[24] !== inferMediaLibraryAndCanvas || $[25] !== resourcesValue ? (t5 = /* @__PURE__ */ jsx(OrganizationResourcesProvider, {
+		resources: resourcesValue,
+		inferMediaLibraryAndCanvas,
+		children
+	}), $[23] = children, $[24] = inferMediaLibraryAndCanvas, $[25] = resourcesValue, $[26] = t5) : t5 = $[26];
 	let t6;
-	$[27] !== projectIds || $[28] !== props || $[29] !== t5 ? (t6 = <AuthBoundary {...props} projectIds={projectIds}>{t5}</AuthBoundary>, $[27] = projectIds, $[28] = props, $[29] = t5, $[30] = t6) : t6 = $[30];
+	$[27] !== projectIds || $[28] !== props || $[29] !== t5 ? (t6 = /* @__PURE__ */ jsx(AuthBoundary, {
+		...props,
+		projectIds,
+		children: t5
+	}), $[27] = projectIds, $[28] = props, $[29] = t5, $[30] = t6) : t6 = $[30];
 	let t7;
-	return $[31] !== defaultConfig || $[32] !== fallback || $[33] !== t4 || $[34] !== t6 ? (t7 = <ErrorBoundary FallbackComponent={ChunkAwareFallback}>{t3}<ResourceProvider {...defaultConfig} resource={t4} fallback={fallback}>{t6}</ResourceProvider></ErrorBoundary>, $[31] = defaultConfig, $[32] = fallback, $[33] = t4, $[34] = t6, $[35] = t7) : t7 = $[35], t7;
+	return $[31] !== defaultConfig || $[32] !== fallback || $[33] !== t4 || $[34] !== t6 ? (t7 = /* @__PURE__ */ jsxs(ErrorBoundary, {
+		FallbackComponent: ChunkAwareFallback,
+		children: [t3, /* @__PURE__ */ jsx(ResourceProvider, {
+			...defaultConfig,
+			resource: t4,
+			fallback,
+			children: t6
+		})]
+	}), $[31] = defaultConfig, $[32] = fallback, $[33] = t4, $[34] = t6, $[35] = t7) : t7 = $[35], t7;
 }
 function _temp4(id) {
 	return !!id;
@@ -950,7 +1046,7 @@ function ChunkAwareFallback(fallbackProps) {
 	let $ = c(2);
 	if (isImportError(fallbackProps.error)) {
 		let t0;
-		return $[0] === fallbackProps ? t0 = $[1] : (t0 = <ChunkLoadError {...fallbackProps} />, $[0] = fallbackProps, $[1] = t0), t0;
+		return $[0] === fallbackProps ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(ChunkLoadError, { ...fallbackProps }), $[0] = fallbackProps, $[1] = t0), t0;
 	}
 	throw fallbackProps.error;
 }
@@ -1061,7 +1157,12 @@ function SanityApp(t0) {
 		studioWorkspace
 	], $[8] = configProp, $[9] = resolvedConfig, $[10] = studioWorkspace, $[11] = t2, $[12] = t3) : (t2 = $[11], t3 = $[12]), useEffect(t2, t3);
 	let t4;
-	return $[13] !== children || $[14] !== fallback || $[15] !== props || $[16] !== resolvedConfig ? (t4 = <SDKProvider {...props} fallback={fallback} config={resolvedConfig}>{children}</SDKProvider>, $[13] = children, $[14] = fallback, $[15] = props, $[16] = resolvedConfig, $[17] = t4) : t4 = $[17], t4;
+	return $[13] !== children || $[14] !== fallback || $[15] !== props || $[16] !== resolvedConfig ? (t4 = /* @__PURE__ */ jsx(SDKProvider, {
+		...props,
+		fallback,
+		config: resolvedConfig,
+		children
+	}), $[13] = children, $[14] = fallback, $[15] = props, $[16] = resolvedConfig, $[17] = t4) : t4 = $[17], t4;
 }
 function _temp$4() {
 	console.warn("Redirecting to core", REDIRECT_URL), window.location.replace(REDIRECT_URL);
@@ -1070,14 +1171,15 @@ function _temp$4() {
 function renderSanityApp(rootElement, namedSources, options, children) {
 	if (!rootElement) throw Error("Missing root element to mount application into");
 	let { reactStrictMode = !1 } = options, root = createRoot(rootElement), config = Object.values(namedSources);
-	return root.render(reactStrictMode ? <StrictMode>
-        {}
-        <SanityApp config={config} fallback={<div>Loading...</div>}>
-          {children}
-        </SanityApp>
-      </StrictMode> : <SanityApp config={config} fallback={<div>Loading...</div>}>
-        {children}
-      </SanityApp>), () => root.unmount();
+	return root.render(reactStrictMode ? /* @__PURE__ */ jsx(StrictMode, { children: /* @__PURE__ */ jsx(SanityApp, {
+		config,
+		fallback: /* @__PURE__ */ jsx("div", { children: "Loading..." }),
+		children
+	}) }) : /* @__PURE__ */ jsx(SanityApp, {
+		config,
+		fallback: /* @__PURE__ */ jsx("div", { children: "Loading..." }),
+		children
+	})), () => root.unmount();
 }
 /**
 * Pure function that normalizes options by resolving `resourceName` to a `DocumentResource`
@@ -4361,7 +4463,7 @@ function useUsers(options) {
 		loadMore
 	}, $[20] = data, $[21] = hasMore, $[22] = isPending, $[23] = loadMore, $[24] = t8) : t8 = $[24], t8;
 }
-var version = "2.20.0";
+var version = "2.20.1";
 function getEnv(key) {
 	if (import.meta.env) return import.meta.env[key];
 	if (typeof process < "u" && process.env) return process.env[key];