[v3] TypeError: undefined is not an object (evaluating 'elementProps.ref')

[ilyagru]

Hi!

After updating sanity packages to dev-preview-20 the plugin broke. It was working on dev-preview-19. The default previews become empty and when trying to open to edit the code, the desk crashes. Please see the screenshots.

Versions

"@sanity/client": "^3.4.1",
"@sanity/code-input": "^3.0.0-v3-studio.9",
"@sanity/dashboard": "^3.0.0-v3-studio.3",
"@sanity/image-url": "^1.0.1",
"@sanity/vision": "^3.0.0-dev-preview.20",
"sanity": "^3.0.0-dev-preview.20"

Code schema

import dynamic from 'next/dynamic'

// @sanity/code-input dependencies
dynamic(() => import('ace-builds/src-noconflict/ace'), {
  ssr: false
})
dynamic(() => import('ace-builds/src-noconflict/mode-swift'), {
  ssr: false
})
dynamic(() => import('ace-builds/src-noconflict/mode-graphqlschema'), {
  ssr: false
})

const CodeBlock = {
  type: 'code',
  name: 'codeBlock',
  title: 'Code Block',
  options: {
    theme: 'tomorrow',
    darkTheme: 'monokai',
    withFilename: true,
    language: 'typescript',
    languageAlternatives: [
      { title: 'Batch file', value: 'batchfile' },
      { title: 'C#', value: 'csharp' },
      { title: 'CSS', value: 'css' },
      { title: 'Go', value: 'golang' },
      { title: 'GROQ', value: 'groq' },
      { title: 'HTML', value: 'html' },
      { title: 'Java', value: 'java' },
      { title: 'JavaScript', value: 'javascript' },
      { title: 'JSON', value: 'json' },
      { title: 'JSX', value: 'jsx' },
      { title: 'Markdown', value: 'markdown' },
      { title: 'MySQL', value: 'mysql' },
      { title: 'PHP', value: 'php' },
      { title: 'Plain text', value: 'text' },
      { title: 'Python', value: 'python' },
      { title: 'Ruby', value: 'ruby' },
      { title: 'SASS', value: 'sass' },
      { title: 'SCSS', value: 'scss' },
      { title: 'sh', value: 'sh' },
      { title: 'TSX', value: 'tsx' },
      { title: 'TypeScript', value: 'typescript' },
      { title: 'XML', value: 'xml' },
      { title: 'YAML', value: 'yaml' },
      { title: 'GraphQL', value: 'graphql', mode: 'graphqlschema' },
      { title: 'Swift', value: 'swift', mode: 'swift' }
    ]
  }
}

export default CodeBlock

Screenshots