fix: reduce listener calls with updated useListeningQuery

package.json

@@ -55,7 +55,7 @@
     "@sanity/ui": "^1.2.2",
     "@sanity/uuid": "^3.0.1",
     "sanity-plugin-internationalized-array": "^1.6.0",
-    "sanity-plugin-utils": "^1.6.1"
+    "sanity-plugin-utils": "^1.6.2"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.4.4",

src/components/DocumentInternationalizationMenu.tsx

@@ -10,7 +10,7 @@ import {
   useClickOutside,
 } from '@sanity/ui'
 import {uuid} from '@sanity/uuid'
-import {FormEvent, useCallback, useMemo, useState} from 'react'
+import {FormEvent, useCallback, useEffect, useMemo, useState} from 'react'
 import {useEditState} from 'sanity'
 
 import {useTranslationMetadata} from '../hooks/useLanguageMetadata'
@@ -24,7 +24,8 @@ import Warning from './Warning'
 export function DocumentInternationalizationMenu(
   props: DocumentInternationalizationMenuProps
 ) {
-  const {schemaType, documentId} = props
+  const {documentId} = props
+  const schemaType = props.schemaType.name
   const {languageField, supportedLanguages} =
     useDocumentInternationalizationContext()
 

src/plugin.tsx

@@ -25,16 +25,7 @@ export const documentInternationalization = definePlugin<PluginConfig>(
 
     if (schemaTypes.length === 0) {
       throw new Error(
-        'You must specify at least one schema type on which to enable document internationalization. Update the `schemaTypes` option in te documentInternationalization() configuration.'
-      )
-    }
-
-    const renderLanguageFilter = (schemaType: string, documentId: string) => {
-      return (
-        <DocumentInternationalizationMenu
-          schemaType={schemaType}
-          documentId={documentId}
-        />
+        'You must specify at least one schema type on which to enable document internationalization. Update the `schemaTypes` option in the documentInternationalization() configuration.'
       )
     }
 
@@ -96,7 +87,11 @@ export const documentInternationalization = definePlugin<PluginConfig>(
           const {schemaType, documentId} = ctx
 
           return schemaTypes.includes(schemaType) && documentId
-            ? [...prev, () => renderLanguageFilter(schemaType, documentId)]
+            ? [
+                ...prev,
+                (props) =>
+                  DocumentInternationalizationMenu({...props, documentId}),
+              ]
             : prev
         },
         badges: (prev, {schemaType}) => {

src/types.ts

@@ -1,6 +1,7 @@
 import type {
   FieldDefinition,
   KeyedObject,
+  ObjectSchemaType,
   Reference,
   SanityClient,
 } from 'sanity'
@@ -43,6 +44,6 @@ export type Metadata = {
 }
 
 export type DocumentInternationalizationMenuProps = {
-  schemaType: string
+  schemaType: ObjectSchemaType
   documentId: string
 }