fix(deps): dev-preview.21

.eslintignore

@@ -4,5 +4,5 @@ coverage
 lib
 lint-staged.config.js
 node_modules
-
-.parcel-cache
+.parcel-cache
+v2-incompatible.js

package.json

@@ -19,7 +19,9 @@
   ],
   "files": [
     "src",
-    "lib"
+    "lib",
+    "v2-incompatible.js",
+    "sanity.json"
   ],
   "source": "./src/index.ts",
   "exports": {
@@ -49,6 +51,7 @@
   "dependencies": {
     "@hookform/resolvers": "2.0.0-beta.3",
     "@reduxjs/toolkit": "^1.8.1",
+    "@sanity/incompatible-plugin": "^1.0.4",
     "@sanity/ui": "^0.38.0",
     "@tanem/react-nprogress": "^5.0.0",
     "copy-to-clipboard": "^3.3.1",
@@ -81,8 +84,8 @@
     "@sanity/semantic-release-preset": "^2.0.1",
     "@types/is-hotkey": "^0.1.7",
     "@types/pluralize": "^0.0.29",
-    "@types/react": "^17.0.0",
-    "@types/react-dom": "^17.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
     "@types/react-file-icon": "^1.0.1",
     "@types/react-redux": "^7.1.24",
     "@types/styled-components": "^5.1.7",
@@ -99,19 +102,19 @@
     "lint-staged": "^13.0.3",
     "parcel": "^2.7.0",
     "prettier": "^2.7.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "rimraf": "^3.0.2",
-    "sanity": "3.0.0-dev-preview.20",
+    "sanity": "3.0.0-dev-preview.21",
     "standard-version": "^9.5.0",
     "styled-components": "^5.3.3",
     "typescript": "4.7.3"
   },
   "peerDependencies": {
     "@sanity/color": "^2.1.8",
     "@sanity/icons": "^1.2.8",
-    "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "sanity": "dev-preview",
     "styled-components": "^5.3.3"
   },

sanity.json

@@ -0,0 +1,8 @@
+{
+  "parts": [
+    {
+      "implements": "part:@sanity/base/sanity-root",
+      "path": "./v2-incompatible.js"
+    }
+  ]
+}

src/components/DocumentList/index.tsx

@@ -1,8 +1,14 @@
 import type {SanityDocument} from '@sanity/client'
 import {Box, Button, Card, Stack, Text} from '@sanity/ui'
 import React from 'react'
-import {SchemaType, useIntentLink, useSchema} from 'sanity'
-import {SanityPreview, useDocumentStore, WithReferringDocuments} from 'sanity/_unstable'
+import {
+  SanityPreview,
+  SchemaType,
+  useDocumentStore,
+  useSchema,
+  WithReferringDocuments
+} from 'sanity'
+import {useIntentLink} from 'sanity/router'
 
 type Props = {
   assetId: string

src/components/FormBuilderTool/index.tsx

@@ -1,7 +1,6 @@
 import {Box, Portal, PortalProvider, useLayer} from '@sanity/ui'
 import React, {SyntheticEvent, useEffect, useState} from 'react'
-import type {AssetSourceComponentProps, SanityDocument} from 'sanity'
-import {useFormValue} from 'sanity/form'
+import {AssetSourceComponentProps, SanityDocument, useFormValue} from 'sanity'
 import useKeyPress from '../../hooks/useKeyPress'
 import Browser from '../Browser'
 

tsconfig.json

@@ -11,7 +11,7 @@
     "inlineSourceMap": false,
     "isolatedModules": true,
     "jsx": "preserve",
-    "lib": ["dom", "dom.iterable", "es5"],
+    "lib": ["dom", "es2015", "es2016", "es2017", "es2021"],
     "module": "esnext",
     "moduleResolution": "node",
     "noImplicitAny": true,
@@ -27,5 +27,5 @@
     "strict": true,
     "target": "esnext"
   },
-  "include": [".d.ts", "./src/**/*", "node_modules/microbundle/index.d.ts"]
+  "include": [".d.ts", "./src/**/*"]
 }

v2-incompatible.js

@@ -0,0 +1,11 @@
+const {showIncompatiblePluginDialog} = require('@sanity/incompatible-plugin')
+const {name, version} = require('./package.json')
+
+export default showIncompatiblePluginDialog({
+  name: name,
+  versions: {
+    v3: version,
+    v2: '^1.4.13'
+  },
+  sanityExchangeUrl: 'https://www.sanity.io/plugins/sanity-plugin-media'
+})