Getting errors with the vision and code input plugins

[selbekk]

I upgraded to v3 of Sanity Studio, and got everything working initially. However, after updating from preview-9 to 22 (including all dependencies), a few things started crashing bad.

The Vision plugin now has a TypeScript error when I register it:

Type 'ArrayDefinition<unknown>' is not assignable to type 'SchemaTypeDefinition<"string" | "number" | "boolean" | "object" | "document" | "array" | "block" | "date" | "datetime" | "file" | "geopoint" | "image" | "reference" | "crossDatasetReference" | "slug" | "span" | "text" | "url">'.
Type 'ArrayDefinition<unknown>' is not assignable to type 'BlockDefinition'.
  Types of property 'type' are incompatible.
    Type '"array"' is not assignable to type '"block"'

When I open the Vision tool in the browser, I get this stack trace:

Error: Could not find `source` context
    at useSource (http://localhost:3333/node_modules/.vite/deps/chunk-N3X6UMTK.js?v=3107e16e:91936:11)
    at useClient (http://localhost:3333/node_modules/.vite/deps/chunk-N3X6UMTK.js?v=3107e16e:92517:10)
    at SanityVision (http://localhost:3333/node_modules/.vite/deps/_SanityVision-c91274a6-IJ6HHBYT.js?v=3107e16e:24238:18)
    at renderWithHooks (http://localhost:3333/node_modules/.vite/deps/chunk-OIFGUCGF.js?v=3107e16e:25925:26)
    at updateFunctionComponent (http://localhost:3333/node_modules/.vite/deps/chunk-OIFGUCGF.js?v=3107e16e:28313:28)
    at mountLazyComponent (http://localhost:3333/node_modules/.vite/deps/chunk-OIFGUCGF.js?v=3107e16e:28563:23)
    at beginWork (http://localhost:3333/node_modules/.vite/deps/chunk-OIFGUCGF.js?v=3107e16e:29613:22)
    at beginWork$1 (http://localhost:3333/node_modules/.vite/deps/chunk-OIFGUCGF.js?v=3107e16e:33410:22)
    at performUnitOfWork (http://localhost:3333/node_modules/.vite/deps/chunk-OIFGUCGF.js?v=3107e16e:32855:20)
    at workLoopSync (http://localhost:3333/node_modules/.vite/deps/chunk-OIFGUCGF.js?v=3107e16e:32794:13)
    at SanityVision (http://localhost:3333/node_modules/.vite/deps/_SanityVision-c91274a6-IJ6HHBYT.js?v=3107e16e:24238:18)
    at Suspense
    at ErrorBoundary (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:18375:5)
    at RouteScope (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:29488:5)
    at div
    at O4 (http://localhost:3333/node_modules/.vite/deps/chunk-OIFGUCGF.js?v=3107e16e:42836:6)
    at Box2 (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:17474:9)
    at O4 (http://localhost:3333/node_modules/.vite/deps/chunk-OIFGUCGF.js?v=3107e16e:42836:6)
    at Fe (http://localhost:3333/node_modules/.vite/deps/chunk-OIFGUCGF.js?v=3107e16e:42791:40)
    at ThemeProvider (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:16239:53)
    at ThemeColorProvider (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:16297:5)
    at Card2 (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:17861:27)
    at div
    at O4 (http://localhost:3333/node_modules/.vite/deps/chunk-OIFGUCGF.js?v=3107e16e:42836:6)
    at Box2 (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:17474:9)
    at O4 (http://localhost:3333/node_modules/.vite/deps/chunk-OIFGUCGF.js?v=3107e16e:42836:6)
    at Flex2 (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:17625:12)
    at StudioLayout$1 (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:64490:34)
    at StudioLayout (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:67250:19)
    at ResourceCacheProvider (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:62346:9)
    at RouterProvider (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:29516:5)
    at SourceProvider (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:64545:9)
    at WorkspaceProvider (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:64347:9)
    at WorkspaceLoader (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:67186:9)
    at ErrorBoundary (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:18375:5)
    at WorkspaceLoaderBoundary (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:67231:9)
    at AuthBoundary (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:66964:9)
    at UserColorManagerProvider (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:66957:9)
    at LayerProvider (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:18419:5)
    at Fe (http://localhost:3333/node_modules/.vite/deps/chunk-OIFGUCGF.js?v=3107e16e:42791:40)
    at ThemeProvider (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:16239:53)
    at StudioThemeProvider (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:66997:9)
    at ActiveWorkspaceMatcher (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:64715:9)
    at WorkspacesProvider (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:64377:17)
    at ErrorBoundary (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:18375:5)
    at StudioErrorBoundary (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:67014:9)
    at ToastProvider (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:21644:5)
    at Fe (http://localhost:3333/node_modules/.vite/deps/chunk-OIFGUCGF.js?v=3107e16e:42791:40)
    at ThemeProvider (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:16239:53)
    at ColorSchemeProvider (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:64358:9)
    at StudioProvider (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:67245:9)
    at Studio (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=3107e16e:67254:34)

which I think is a bit weird, since I can see the SourceProvider in the stack trace…

The same thing goes with the codeInput plugin. I get the same type error, and the same kind of stack trace whenever I render a code input – although this time a colorSchemeContext is missing.

Error: Could not find `colorScheme` context
    at useColorScheme (http://localhost:3333/node_modules/.vite/deps/chunk-N3X6UMTK.js?v=58c91364:35623:11)
    at $a1d4bfd2763f687f$export$20d4ca75cb144ab0 (http://localhost:3333/node_modules/.vite/deps/@sanity_code-input.js?v=c7e8ec50:259:41)
    at renderWithHooks (http://localhost:3333/node_modules/.vite/deps/chunk-OIFGUCGF.js?v=58c91364:25925:26)
    at mountIndeterminateComponent (http://localhost:3333/node_modules/.vite/deps/chunk-OIFGUCGF.js?v=58c91364:28654:21)
    at beginWork (http://localhost:3333/node_modules/.vite/deps/chunk-OIFGUCGF.js?v=58c91364:29609:22)
    at beginWork$1 (http://localhost:3333/node_modules/.vite/deps/chunk-OIFGUCGF.js?v=58c91364:33410:22)
    at performUnitOfWork (http://localhost:3333/node_modules/.vite/deps/chunk-OIFGUCGF.js?v=58c91364:32855:20)
    at workLoopSync (http://localhost:3333/node_modules/.vite/deps/chunk-OIFGUCGF.js?v=58c91364:32794:13)
    at renderRootSync (http://localhost:3333/node_modules/.vite/deps/chunk-OIFGUCGF.js?v=58c91364:32773:15)
    at recoverFromConcurrentError (http://localhost:3333/node_modules/.vite/deps/chunk-OIFGUCGF.js?v=58c91364:32395:28)
      at StructureError (http://localhost:3333/node_modules/.vite/deps/chunk-CSL2JG6C.js?v=58c91364:8434:5)
    at DeskToolBoundary (http://localhost:3333/node_modules/.vite/deps/chunk-CSL2JG6C.js?v=58c91364:11972:7)
    at Suspense
    at ErrorBoundary (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:18375:5)
    at RouteScope (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:29488:5)
    at div
    at O4 (http://localhost:3333/node_modules/.vite/deps/chunk-OIFGUCGF.js?v=58c91364:42836:6)
    at Box2 (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:17474:9)
    at O4 (http://localhost:3333/node_modules/.vite/deps/chunk-OIFGUCGF.js?v=58c91364:42836:6)
    at Fe (http://localhost:3333/node_modules/.vite/deps/chunk-OIFGUCGF.js?v=58c91364:42791:40)
    at ThemeProvider (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:16239:53)
    at ThemeColorProvider (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:16297:5)
    at Card2 (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:17861:27)
    at div
    at O4 (http://localhost:3333/node_modules/.vite/deps/chunk-OIFGUCGF.js?v=58c91364:42836:6)
    at Box2 (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:17474:9)
    at O4 (http://localhost:3333/node_modules/.vite/deps/chunk-OIFGUCGF.js?v=58c91364:42836:6)
    at Flex2 (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:17625:12)
    at StudioLayout$1 (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:64490:34)
    at StudioLayout (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:67250:19)
    at ResourceCacheProvider (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:62346:9)
    at RouterProvider (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:29516:5)
    at SourceProvider (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:64545:9)
    at WorkspaceProvider (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:64347:9)
    at WorkspaceLoader (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:67186:9)
    at ErrorBoundary (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:18375:5)
    at WorkspaceLoaderBoundary (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:67231:9)
    at AuthBoundary (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:66964:9)
    at UserColorManagerProvider (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:66957:9)
    at LayerProvider (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:18419:5)
    at Fe (http://localhost:3333/node_modules/.vite/deps/chunk-OIFGUCGF.js?v=58c91364:42791:40)
    at ThemeProvider (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:16239:53)
    at StudioThemeProvider (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:66997:9)
    at ActiveWorkspaceMatcher (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:64715:9)
    at WorkspacesProvider (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:64377:17)
    at ErrorBoundary (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:18375:5)
    at StudioErrorBoundary (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:67014:9)
    at ToastProvider (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:21644:5)
    at Fe (http://localhost:3333/node_modules/.vite/deps/chunk-OIFGUCGF.js?v=58c91364:42791:40)
    at ThemeProvider (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:16239:53)
    at ColorSchemeProvider (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:64358:9)
    at StudioProvider (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:67245:9)
    at Studio (http://localhost:3333/node_modules/.vite/deps/chunk-TZXJE5SR.js?v=58c91364:67254:34)

These are my dependencies:

"dependencies": {
    "@sanity/code-input": "^3.0.0-v3-studio.11",
    "@sanity/vision": "^3.0.0-dev-preview.22",
    "@sanity/ui": "1.0.0-beta.31",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-icons": "^4.4.0",
    "react-is": "^18.2.0",
    "sanity": "3.0.0-dev-preview.22",
    "sanity-plugin-iframe-pane": "^2.0.0",
    "styled-components": "^5.3.6"
  },
  "devDependencies": {
    "@sanity/eslint-config-studio": "^2.0.0",
    "eslint": "^8.6.0",
    "prettier": "^2.7.1",
    "typescript": "^4.0.0"
  }

And this is my config:

import { codeInput } from "@sanity/code-input";
import { visionTool } from "@sanity/vision";
import { createConfig } from "sanity";
import { deskTool } from "sanity/desk";
import VyLogo from "./components/VyLogo";
import { schemaTypes } from "./schemas";

export default createConfig({
name: "default",
title: "My project",
projectId: "xxx",
dataset: "production",
plugins: [deskTool(), visionTool(), codeInput()],

schema: {
  types: schemaTypes,
},
});

The code can be found here, if you want to have a look

[dwkns]

I was having this too. This thread helped.

Apparently the ^ in "@sanity/vision": "^3.0.0-dev-preview.22" can sometimes pull in the wrong version from NPM.

I replaced "@sanity/vision": "^3.0.0-dev-preview.22" with "@sanity/vision": "3.0.0-dev-preview.22" (no ^), nuked my lock file and node_modules and reinstalled the dependencies and it fixed it.

[3200pro]

This worked for me as well.

[selbekk]

Wonderful – thanks for sharing!