@sanity/sdk-react 2.3.1 → 2.5.0

package/src/hooks/projection/useDocumentProjection.ts

@@ -1,6 +1,6 @@
 import {type DocumentHandle, getProjectionState, resolveProjection} from '@sanity/sdk'
 import {type SanityProjectionResult} from 'groq'
-import {useCallback, useSyncExternalStore} from 'react'
+import {useCallback, useMemo, useSyncExternalStore} from 'react'
 import {distinctUntilChanged, EMPTY, Observable, startWith, switchMap} from 'rxjs'
 
 import {useSanityInstance} from '../context/useSanityInstance'
@@ -177,10 +177,21 @@ export function useDocumentProjection<TData extends object>({
   ...docHandle
 }: useDocumentProjectionOptions): useDocumentProjectionResults<TData> {
   const instance = useSanityInstance(docHandle)
-  const stateSource = getProjectionState<TData>(instance, {...docHandle, projection})
+
+  // Normalize projection string to handle template literals with whitespace
+  // This ensures that the same projection content produces the same state source
+  // even if the string reference changes (e.g., from inline template literals)
+  const normalizedProjection = useMemo(() => projection.trim(), [projection])
+
+  // Memoize stateSource based on normalized projection and docHandle properties
+  // This prevents creating a new StateSource on every render when projection content is the same
+  const stateSource = useMemo(
+    () => getProjectionState<TData>(instance, {...docHandle, projection: normalizedProjection}),
+    [instance, normalizedProjection, docHandle],
+  )
 
   if (stateSource.getCurrent()?.data === null) {
-    throw resolveProjection(instance, {...docHandle, projection})
+    throw resolveProjection(instance, {...docHandle, projection: normalizedProjection})
   }
 
   // Create subscribe function for useSyncExternalStore

package/src/hooks/releases/usePerspective.test.tsx

@@ -52,6 +52,7 @@ describe('usePerspective', () => {
       _updatedAt: '2021-01-01T00:00:00Z',
       _rev: 'rev1',
       name: 'Test Release',
+      state: 'scheduled',
       metadata: {
         title: 'Test Release',
         releaseType: 'asap',

package/src/hooks/releases/usePerspective.ts

@@ -43,7 +43,7 @@ export const usePerspective: UsePerspective = createStateSourceHook({
     instance: SanityInstance,
     perspectiveHandle?: PerspectiveHandle,
   ) => StateSource<string | string[]>,
-  shouldSuspend: (instance: SanityInstance, options?: PerspectiveHandle): boolean =>
+  shouldSuspend: (instance: SanityInstance, options: PerspectiveHandle): boolean =>
     getPerspectiveState(instance, options).getCurrent() === undefined,
   suspender: (instance: SanityInstance, _options?: PerspectiveHandle) =>
     firstValueFrom(getActiveReleasesState(instance).observable.pipe(filter(Boolean))),

package/src/hooks/users/useUsers.ts

@@ -62,7 +62,7 @@ export interface UsersResult {
  *         <address>{user.profile.email}</address>
  *       </figure>
  *     ))}
- *     {hasMore && <button onClick={loadMore}>{isPending ? 'Loading...' : 'Load More'</button>}
+ *     {hasMore && <button onClick={loadMore}>{isPending ? 'Loading...' : 'Load More'}</button>}
  *   </div>
  * )
  * ```