Accessing currentLocale in Studio/Document when dropdown lang is changed

  React.useEffect(() => {
    const referenceTypes = (referenceField?.type as ReferenceSchemaType)?.to?.map((t) => t.name)

    // query for all pages that are not drafts
    const query = `*[_type in $referenceTypes && uri != null && !(_id in path("drafts.**")) ] | order(uri.current asc)`

    sanityClient
      .fetch(query, { referenceTypes, baseLocale: 'en-us' }) // here its static from , I want it more dynamic.
      .then((results: PageQueryResult[]) => {
        const ids = results.map((result) => ({
          label: Array.isArray(result.title) ? result.name : result.title,
          value: result._id,
          subLabel: result?._type,
        }))
        setOptions(ids)
      })
  }, [referenceField?.type])