@sanity/client 6.11.3 → 6.11.4-canary.1

package/src/SanityClient.ts

@@ -25,7 +25,11 @@ import type {
   MutationSelection,
   PatchOperations,
   PatchSelection,
+  QueryOptions,
   QueryParams,
+  QueryParamsLikelyByMistake,
+  QueryParamsParameter,
+  QueryParamsWithoutQueryOptions,
   RawQueryResponse,
   RawRequestOptions,
   SanityDocument,
@@ -47,6 +51,9 @@ export type {
   UsersClient,
 }
 
+const clientConfigSymbol = Symbol('#clientConfig')
+const httpRequestSymbol = Symbol('#httpRequest')
+
 /** @public */
 export class ObservableSanityClient {
   assets: ObservableAssetsClient
@@ -57,8 +64,8 @@ export class ObservableSanityClient {
   /**
    * Private properties
    */
-  #clientConfig: InitializedClientConfig
-  #httpRequest: HttpRequest
+  private [clientConfigSymbol]: InitializedClientConfig
+  private [httpRequestSymbol]: HttpRequest
 
   /**
    * Instance properties
@@ -68,19 +75,19 @@ export class ObservableSanityClient {
   constructor(httpRequest: HttpRequest, config: ClientConfig = defaultConfig) {
     this.config(config)
 
-    this.#httpRequest = httpRequest
+    this[httpRequestSymbol] = httpRequest
 
-    this.assets = new ObservableAssetsClient(this, this.#httpRequest)
-    this.datasets = new ObservableDatasetsClient(this, this.#httpRequest)
-    this.projects = new ObservableProjectsClient(this, this.#httpRequest)
-    this.users = new ObservableUsersClient(this, this.#httpRequest)
+    this.assets = new ObservableAssetsClient(this, this[httpRequestSymbol])
+    this.datasets = new ObservableDatasetsClient(this, this[httpRequestSymbol])
+    this.projects = new ObservableProjectsClient(this, this[httpRequestSymbol])
+    this.users = new ObservableUsersClient(this, this[httpRequestSymbol])
   }
 
   /**
    * Clone the client - returns a new instance
    */
   clone(): ObservableSanityClient {
-    return new ObservableSanityClient(this.#httpRequest, this.config())
+    return new ObservableSanityClient(this[httpRequestSymbol], this.config())
   }
 
   /**
@@ -93,16 +100,16 @@ export class ObservableSanityClient {
   config(newConfig?: Partial<ClientConfig>): this
   config(newConfig?: Partial<ClientConfig>): ClientConfig | this {
     if (newConfig === undefined) {
-      return {...this.#clientConfig}
+      return {...this[clientConfigSymbol]}
     }
 
-    if (this.#clientConfig && this.#clientConfig.allowReconfigure === false) {
+    if (this[clientConfigSymbol] && this[clientConfigSymbol].allowReconfigure === false) {
       throw new Error(
         'Existing client instance cannot be reconfigured - use `withConfig(newConfig)` to return a new client',
       )
     }
 
-    this.#clientConfig = initConfig(newConfig, this.#clientConfig || {})
+    this[clientConfigSymbol] = initConfig(newConfig, this[clientConfigSymbol] || {})
     return this
   }
 
@@ -112,7 +119,17 @@ export class ObservableSanityClient {
    * @param newConfig - New client configuration properties, shallowly merged with existing configuration
    */
   withConfig(newConfig?: Partial<ClientConfig>): ObservableSanityClient {
-    return new ObservableSanityClient(this.#httpRequest, {...this.config(), ...newConfig})
+    const thisConfig = this.config()
+    return new ObservableSanityClient(this[httpRequestSymbol], {
+      ...thisConfig,
+      ...newConfig,
+      stega: {
+        ...(thisConfig.stega || {}),
+        ...(typeof newConfig?.stega === 'boolean'
+          ? {enabled: newConfig.stega}
+          : newConfig?.stega || {}),
+      },
+    })
   }
 
   /**
@@ -120,44 +137,67 @@ export class ObservableSanityClient {
    *
    * @param query - GROQ-query to perform
    */
-  fetch<R = Any>(query: string): Observable<R>
+  fetch<
+    R = Any,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    Q extends never | undefined | Record<string, never> = never,
+  >(query: string): Observable<R>
   /**
    * Perform a GROQ-query against the configured dataset.
    *
    * @param query - GROQ-query to perform
-   * @param params - Query parameters
-   */
-  fetch<R = Any, Q = QueryParams>(query: string, params: Q): Observable<R>
-  /**
-   * Perform a GROQ-query against the configured dataset.
-   *
-   * @param query - GROQ-query to perform
-   * @param params - Query parameters
-   * @param options - Request options
+   * @param params - Optional query parameters
+   * @param options - Optional request options
    */
-  fetch<R = Any, Q = QueryParams>(
+  fetch<R = Any, Q = QueryParamsWithoutQueryOptions>(
     query: string,
-    params: Q | undefined,
-    options: FilteredResponseQueryOptions,
+    params: QueryParamsParameter<Q>,
+    options?: FilteredResponseQueryOptions,
   ): Observable<R>
   /**
    * Perform a GROQ-query against the configured dataset.
    *
    * @param query - GROQ-query to perform
-   * @param params - Query parameters
+   * @param params - Optional query parameters
    * @param options - Request options
    */
-  fetch<R = Any, Q = QueryParams>(
+  fetch<R = Any, Q = QueryParamsWithoutQueryOptions>(
     query: string,
-    params: Q | undefined,
+    params: QueryParamsParameter<Q>,
     options: UnfilteredResponseQueryOptions,
   ): Observable<RawQueryResponse<R>>
+  /**
+   * You're passing in query parameters to a GROQ query that looks like query options.
+   * This is likely a mistake, you can either:
+   * a) replace the second argument with an empty object, and move the options to the third argument
+   * ```diff
+   * -client.fetch(query, {cache: 'no-store'})
+   * +client.fetch(query, {}, {cache: 'no-store'})
+   * ```
+   * b) add a generic type parameter that allows the query parameters to be passed in to silence the error
+   * @deprecated not actually deprecated, marking it as deprecated makes this error easier to spot
+   */
+  fetch<
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    R = Any,
+  >(
+    query: string,
+    params: QueryParamsLikelyByMistake & QueryParams,
+    options?: QueryOptions,
+  ): unknown
   fetch<R, Q extends QueryParams>(
     query: string,
     params?: Q,
-    options: FilteredResponseQueryOptions | UnfilteredResponseQueryOptions = {},
+    options?: QueryOptions,
   ): Observable<RawQueryResponse<R> | R> {
-    return dataMethods._fetch<R, Q>(this, this.#httpRequest, query, params, options)
+    return dataMethods._fetch<R, Q>(
+      this,
+      this[httpRequestSymbol],
+      this[clientConfigSymbol].stega,
+      query,
+      params,
+      options,
+    )
   }
 
   /**
@@ -170,7 +210,7 @@ export class ObservableSanityClient {
     id: string,
     options?: {tag?: string},
   ): Observable<SanityDocument<R> | undefined> {
-    return dataMethods._getDocument<R>(this, this.#httpRequest, id, options)
+    return dataMethods._getDocument<R>(this, this[httpRequestSymbol], id, options)
   }
 
   /**
@@ -186,7 +226,7 @@ export class ObservableSanityClient {
     ids: string[],
     options?: {tag?: string},
   ): Observable<(SanityDocument<R> | null)[]> {
-    return dataMethods._getDocuments<R>(this, this.#httpRequest, ids, options)
+    return dataMethods._getDocuments<R>(this, this[httpRequestSymbol], ids, options)
   }
 
   /**
@@ -255,7 +295,7 @@ export class ObservableSanityClient {
   ): Observable<
     SanityDocument<R> | SanityDocument<R>[] | SingleMutationResult | MultipleMutationResult
   > {
-    return dataMethods._create<R>(this, this.#httpRequest, document, 'create', options)
+    return dataMethods._create<R>(this, this[httpRequestSymbol], document, 'create', options)
   }
 
   /**
@@ -324,7 +364,7 @@ export class ObservableSanityClient {
   ): Observable<
     SanityDocument<R> | SanityDocument<R>[] | SingleMutationResult | MultipleMutationResult
   > {
-    return dataMethods._createIfNotExists<R>(this, this.#httpRequest, document, options)
+    return dataMethods._createIfNotExists<R>(this, this[httpRequestSymbol], document, options)
   }
 
   /**
@@ -393,7 +433,7 @@ export class ObservableSanityClient {
   ): Observable<
     SanityDocument<R> | SanityDocument<R>[] | SingleMutationResult | MultipleMutationResult
   > {
-    return dataMethods._createOrReplace<R>(this, this.#httpRequest, document, options)
+    return dataMethods._createOrReplace<R>(this, this[httpRequestSymbol], document, options)
   }
 
   /**
@@ -511,7 +551,7 @@ export class ObservableSanityClient {
   ): Observable<
     SanityDocument<R> | SanityDocument<R>[] | SingleMutationResult | MultipleMutationResult
   > {
-    return dataMethods._delete<R>(this, this.#httpRequest, selection, options)
+    return dataMethods._delete<R>(this, this[httpRequestSymbol], selection, options)
   }
 
   /**
@@ -580,7 +620,7 @@ export class ObservableSanityClient {
   ): Observable<
     SanityDocument<R> | SanityDocument<R>[] | SingleMutationResult | MultipleMutationResult
   > {
-    return dataMethods._mutate<R>(this, this.#httpRequest, operations, options)
+    return dataMethods._mutate<R>(this, this[httpRequestSymbol], operations, options)
   }
 
   /**
@@ -638,7 +678,7 @@ export class ObservableSanityClient {
    * @param options - Request options
    */
   request<R = Any>(options: RawRequestOptions): Observable<R> {
-    return dataMethods._request(this, this.#httpRequest, options)
+    return dataMethods._request(this, this[httpRequestSymbol], options)
   }
 
   /**
@@ -677,8 +717,8 @@ export class SanityClient {
   /**
    * Private properties
    */
-  #clientConfig: InitializedClientConfig
-  #httpRequest: HttpRequest
+  private [clientConfigSymbol]: InitializedClientConfig
+  private [httpRequestSymbol]: HttpRequest
 
   /**
    * Instance properties
@@ -688,12 +728,12 @@ export class SanityClient {
   constructor(httpRequest: HttpRequest, config: ClientConfig = defaultConfig) {
     this.config(config)
 
-    this.#httpRequest = httpRequest
+    this[httpRequestSymbol] = httpRequest
 
-    this.assets = new AssetsClient(this, this.#httpRequest)
-    this.datasets = new DatasetsClient(this, this.#httpRequest)
-    this.projects = new ProjectsClient(this, this.#httpRequest)
-    this.users = new UsersClient(this, this.#httpRequest)
+    this.assets = new AssetsClient(this, this[httpRequestSymbol])
+    this.datasets = new DatasetsClient(this, this[httpRequestSymbol])
+    this.projects = new ProjectsClient(this, this[httpRequestSymbol])
+    this.users = new UsersClient(this, this[httpRequestSymbol])
 
     this.observable = new ObservableSanityClient(httpRequest, config)
   }
@@ -702,7 +742,7 @@ export class SanityClient {
    * Clone the client - returns a new instance
    */
   clone(): SanityClient {
-    return new SanityClient(this.#httpRequest, this.config())
+    return new SanityClient(this[httpRequestSymbol], this.config())
   }
 
   /**
@@ -715,10 +755,10 @@ export class SanityClient {
   config(newConfig?: Partial<ClientConfig>): this
   config(newConfig?: Partial<ClientConfig>): ClientConfig | this {
     if (newConfig === undefined) {
-      return {...this.#clientConfig}
+      return {...this[clientConfigSymbol]}
     }
 
-    if (this.#clientConfig && this.#clientConfig.allowReconfigure === false) {
+    if (this[clientConfigSymbol] && this[clientConfigSymbol].allowReconfigure === false) {
       throw new Error(
         'Existing client instance cannot be reconfigured - use `withConfig(newConfig)` to return a new client',
       )
@@ -728,7 +768,7 @@ export class SanityClient {
       this.observable.config(newConfig)
     }
 
-    this.#clientConfig = initConfig(newConfig, this.#clientConfig || {})
+    this[clientConfigSymbol] = initConfig(newConfig, this[clientConfigSymbol] || {})
     return this
   }
 
@@ -738,7 +778,17 @@ export class SanityClient {
    * @param newConfig - New client configuration properties, shallowly merged with existing configuration
    */
   withConfig(newConfig?: Partial<ClientConfig>): SanityClient {
-    return new SanityClient(this.#httpRequest, {...this.config(), ...newConfig})
+    const thisConfig = this.config()
+    return new SanityClient(this[httpRequestSymbol], {
+      ...thisConfig,
+      ...newConfig,
+      stega: {
+        ...(thisConfig.stega || {}),
+        ...(typeof newConfig?.stega === 'boolean'
+          ? {enabled: newConfig.stega}
+          : newConfig?.stega || {}),
+      },
+    })
   }
 
   /**
@@ -746,25 +796,22 @@ export class SanityClient {
    *
    * @param query - GROQ-query to perform
    */
-  fetch<R = Any>(query: string): Promise<R>
+  fetch<
+    R = Any,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    Q extends never | undefined | Record<string, never> = never,
+  >(query: string): Promise<R>
   /**
    * Perform a GROQ-query against the configured dataset.
    *
    * @param query - GROQ-query to perform
    * @param params - Optional query parameters
+   * @param options - Optional request options
    */
-  fetch<R = Any, Q = QueryParams>(query: string, params: Q): Promise<R>
-  /**
-   * Perform a GROQ-query against the configured dataset.
-   *
-   * @param query - GROQ-query to perform
-   * @param params - Optional query parameters
-   * @param options - Request options
-   */
-  fetch<R = Any, Q = QueryParams>(
+  fetch<R = Any, Q = QueryParamsWithoutQueryOptions>(
     query: string,
-    params: Q | undefined,
-    options: FilteredResponseQueryOptions,
+    params: QueryParamsParameter<Q>,
+    options?: FilteredResponseQueryOptions,
   ): Promise<R>
   /**
    * Perform a GROQ-query against the configured dataset.
@@ -773,17 +820,45 @@ export class SanityClient {
    * @param params - Optional query parameters
    * @param options - Request options
    */
-  fetch<R = Any, Q = QueryParams>(
+  fetch<R = Any, Q = QueryParamsWithoutQueryOptions>(
     query: string,
-    params: Q | undefined,
+    params: QueryParamsParameter<Q>,
     options: UnfilteredResponseQueryOptions,
   ): Promise<RawQueryResponse<R>>
+  /**
+   * You're passing in query parameters to a GROQ query that looks like query options.
+   * This is likely a mistake, you can either:
+   * a) replace the second argument with an empty object, and move the options to the third argument
+   * ```diff
+   * -client.fetch(query, {cache: 'no-store'})
+   * +client.fetch(query, {}, {cache: 'no-store'})
+   * ```
+   * b) add a generic type parameter that allows the query parameters to be passed in to silence the error
+   * @deprecated not actually deprecated, marking it as deprecated makes this error easier to spot
+   */
+  fetch<
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    R = Any,
+  >(
+    query: string,
+    params: QueryParamsLikelyByMistake & QueryParams,
+    options?: QueryOptions,
+  ): unknown
   fetch<R, Q extends QueryParams>(
     query: string,
     params?: Q,
-    options: FilteredResponseQueryOptions | UnfilteredResponseQueryOptions = {},
+    options?: QueryOptions,
   ): Promise<RawQueryResponse<R> | R> {
-    return lastValueFrom(dataMethods._fetch<R, Q>(this, this.#httpRequest, query, params, options))
+    return lastValueFrom(
+      dataMethods._fetch<R, Q>(
+        this,
+        this[httpRequestSymbol],
+        this[clientConfigSymbol].stega,
+        query,
+        params,
+        options,
+      ),
+    )
   }
 
   /**
@@ -796,7 +871,7 @@ export class SanityClient {
     id: string,
     options?: {tag?: string},
   ): Promise<SanityDocument<R> | undefined> {
-    return lastValueFrom(dataMethods._getDocument<R>(this, this.#httpRequest, id, options))
+    return lastValueFrom(dataMethods._getDocument<R>(this, this[httpRequestSymbol], id, options))
   }
 
   /**
@@ -812,7 +887,7 @@ export class SanityClient {
     ids: string[],
     options?: {tag?: string},
   ): Promise<(SanityDocument<R> | null)[]> {
-    return lastValueFrom(dataMethods._getDocuments<R>(this, this.#httpRequest, ids, options))
+    return lastValueFrom(dataMethods._getDocuments<R>(this, this[httpRequestSymbol], ids, options))
   }
 
   /**
@@ -882,7 +957,7 @@ export class SanityClient {
     SanityDocument<R> | SanityDocument<R>[] | SingleMutationResult | MultipleMutationResult
   > {
     return lastValueFrom(
-      dataMethods._create<R>(this, this.#httpRequest, document, 'create', options),
+      dataMethods._create<R>(this, this[httpRequestSymbol], document, 'create', options),
     )
   }
 
@@ -953,7 +1028,7 @@ export class SanityClient {
     SanityDocument<R> | SanityDocument<R>[] | SingleMutationResult | MultipleMutationResult
   > {
     return lastValueFrom(
-      dataMethods._createIfNotExists<R>(this, this.#httpRequest, document, options),
+      dataMethods._createIfNotExists<R>(this, this[httpRequestSymbol], document, options),
     )
   }
 
@@ -1024,7 +1099,7 @@ export class SanityClient {
     SanityDocument<R> | SanityDocument<R>[] | SingleMutationResult | MultipleMutationResult
   > {
     return lastValueFrom(
-      dataMethods._createOrReplace<R>(this, this.#httpRequest, document, options),
+      dataMethods._createOrReplace<R>(this, this[httpRequestSymbol], document, options),
     )
   }
 
@@ -1143,7 +1218,7 @@ export class SanityClient {
   ): Promise<
     SanityDocument<R> | SanityDocument<R>[] | SingleMutationResult | MultipleMutationResult
   > {
-    return lastValueFrom(dataMethods._delete<R>(this, this.#httpRequest, selection, options))
+    return lastValueFrom(dataMethods._delete<R>(this, this[httpRequestSymbol], selection, options))
   }
 
   /**
@@ -1212,7 +1287,7 @@ export class SanityClient {
   ): Promise<
     SanityDocument<R> | SanityDocument<R>[] | SingleMutationResult | MultipleMutationResult
   > {
-    return lastValueFrom(dataMethods._mutate<R>(this, this.#httpRequest, operations, options))
+    return lastValueFrom(dataMethods._mutate<R>(this, this[httpRequestSymbol], operations, options))
   }
 
   /**
@@ -1272,7 +1347,7 @@ export class SanityClient {
    * @returns Promise resolving to the response body
    */
   request<R = Any>(options: RawRequestOptions): Promise<R> {
-    return lastValueFrom(dataMethods._request<R>(this, this.#httpRequest, options))
+    return lastValueFrom(dataMethods._request<R>(this, this[httpRequestSymbol], options))
   }
 
   /**
@@ -1286,7 +1361,9 @@ export class SanityClient {
    * @internal
    */
   dataRequest(endpoint: string, body: unknown, options?: BaseMutationOptions): Promise<Any> {
-    return lastValueFrom(dataMethods._dataRequest(this, this.#httpRequest, endpoint, body, options))
+    return lastValueFrom(
+      dataMethods._dataRequest(this, this[httpRequestSymbol], endpoint, body, options),
+    )
   }
 
   /**

package/src/assets/AssetsClient.ts

@@ -15,13 +15,16 @@ import type {
 } from '../types'
 import * as validators from '../validators'
 
+const clientSymbol = Symbol('#client')
+const httpRequestSymbol = Symbol('#httpRequest')
+
 /** @internal */
 export class ObservableAssetsClient {
-  #client: ObservableSanityClient
-  #httpRequest: HttpRequest
+  private [clientSymbol]: ObservableSanityClient
+  private [httpRequestSymbol]: HttpRequest
   constructor(client: ObservableSanityClient, httpRequest: HttpRequest) {
-    this.#client = client
-    this.#httpRequest = httpRequest
+    this[clientSymbol] = client
+    this[httpRequestSymbol] = httpRequest
   }
 
   /**
@@ -66,17 +69,17 @@ export class ObservableAssetsClient {
     body: UploadBody,
     options?: UploadClientConfig,
   ): Observable<HttpRequestEvent<{document: SanityAssetDocument | SanityImageAssetDocument}>> {
-    return _upload(this.#client, this.#httpRequest, assetType, body, options)
+    return _upload(this[clientSymbol], this[httpRequestSymbol], assetType, body, options)
   }
 }
 
 /** @internal */
 export class AssetsClient {
-  #client: SanityClient
-  #httpRequest: HttpRequest
+  private [clientSymbol]: SanityClient
+  private [httpRequestSymbol]: HttpRequest
   constructor(client: SanityClient, httpRequest: HttpRequest) {
-    this.#client = client
-    this.#httpRequest = httpRequest
+    this[clientSymbol] = client
+    this[httpRequestSymbol] = httpRequest
   }
 
   /**
@@ -120,7 +123,13 @@ export class AssetsClient {
     body: UploadBody,
     options?: UploadClientConfig,
   ): Promise<SanityAssetDocument | SanityImageAssetDocument> {
-    const observable = _upload(this.#client, this.#httpRequest, assetType, body, options)
+    const observable = _upload(
+      this[clientSymbol],
+      this[httpRequestSymbol],
+      assetType,
+      body,
+      options,
+    )
     return lastValueFrom(
       observable.pipe(
         filter((event: Any) => event.type === 'response'),

package/src/config.ts

@@ -8,6 +8,7 @@ export const defaultConfig = {
   apiHost: 'https://api.sanity.io',
   apiVersion: '1',
   useProjectHostname: true,
+  stega: {enabled: false},
 } satisfies ClientConfig
 
 const LOCALHOSTS = ['localhost', '127.0.0.1', '0.0.0.0']
@@ -44,12 +45,24 @@ export const initConfig = (
   config: Partial<ClientConfig>,
   prevConfig: Partial<ClientConfig>,
 ): InitializedClientConfig => {
-  const specifiedConfig = Object.assign({}, prevConfig, config)
+  const specifiedConfig = {
+    ...prevConfig,
+    ...config,
+    stega: {
+      ...(typeof prevConfig.stega === 'boolean'
+        ? {enabled: prevConfig.stega}
+        : prevConfig.stega || defaultConfig.stega),
+      ...(typeof config.stega === 'boolean' ? {enabled: config.stega} : config.stega || {}),
+    },
+  }
   if (!specifiedConfig.apiVersion) {
     warnings.printNoApiVersionSpecifiedWarning()
   }
 
-  const newConfig = Object.assign({} as InitializedClientConfig, defaultConfig, specifiedConfig)
+  const newConfig = {
+    ...defaultConfig,
+    ...specifiedConfig,
+  } as InitializedClientConfig
   const projectBased = newConfig.useProjectHostname
 
   if (typeof Promise === 'undefined') {
@@ -65,20 +78,29 @@ export const initConfig = (
     validateApiPerspective(newConfig.perspective)
   }
 
-  if (
-    'encodeSourceMapAtPath' in newConfig ||
-    'encodeSourceMap' in newConfig ||
-    'studioUrl' in newConfig ||
-    'logger' in newConfig
-  ) {
+  if ('encodeSourceMap' in newConfig) {
     throw new Error(
-      `It looks like you're using options meant for '@sanity/preview-kit/client', such as 'encodeSourceMapAtPath', 'encodeSourceMap', 'studioUrl' and 'logger'. Make sure you're using the right import.`,
+      `It looks like you're using options meant for '@sanity/preview-kit/client'. 'encodeSourceMap' is not supported in '@sanity/client'. Did you mean 'stega.enabled'?`,
     )
   }
-
-  if ('stega' in newConfig && newConfig['stega'] !== undefined && newConfig['stega'] !== false) {
+  if ('encodeSourceMapAtPath' in newConfig) {
+    throw new Error(
+      `It looks like you're using options meant for '@sanity/preview-kit/client'. 'encodeSourceMapAtPath' is not supported in '@sanity/client'. Did you mean 'stega.filter'?`,
+    )
+  }
+  if (typeof newConfig.stega.enabled !== 'boolean') {
+    throw new Error(`stega.enabled must be a boolean, received ${newConfig.stega.enabled}`)
+  }
+  if (newConfig.stega.enabled && newConfig.stega.studioUrl === undefined) {
+    throw new Error(`stega.studioUrl must be defined when stega.enabled is true`)
+  }
+  if (
+    newConfig.stega.enabled &&
+    typeof newConfig.stega.studioUrl !== 'string' &&
+    typeof newConfig.stega.studioUrl !== 'function'
+  ) {
     throw new Error(
-      `It looks like you're using options meant for '@sanity/client/stega'. Make sure you're using the right import. Or set 'stega' in 'createClient' to 'false'.`,
+      `stega.studioUrl must be a string or a function, received ${newConfig.stega.studioUrl}`,
     )
   }