Issue with popup overlay flashing and reloading in production, fixed in latest release.

import {Studio} from './Studio'

// Ensures the Studio route is statically generated
export const dynamic = 'force-static'

// Set the right `viewport`, `robots` and `referer` meta tags
export {metadata} from 'next-sanity/studio/metadata'
export {viewport} from 'next-sanity/studio/viewport'

export default function StudioPage() {
  return <Studio />
}

'use client'

import {NextStudio} from 'next-sanity/studio'

import _config from '../../sanity.config'
import {useEffect, useState} from 'react'

export function Studio() {
  const [config, setConfig] = useState(_config)

  useEffect(
    // Start fetching the theme in parallel with the Studio auth loading
    () =>
      // The webpackIgnore tells webpack to not attempt bundling this dynamic import,
      // and instead let it run natively in the browser at runtime
      void import(/* webpackIgnore: true */ '<https://themer.sanity.build/api/hues?preset=dew').then(>
        ({theme}) => setConfig((config) => ({...config, theme})),
      ),
    [],
  )

  //  Supports the same props as `import {Studio} from 'sanity'`, `config` is required
  return <NextStudio config={config} />
}