How to port a custom tool from v2 to v3 in Sanity.io

import React from "react";
import { SanityPreview } from "@sanity/base/preview";
import { Card, Box } from "@sanity/ui";

export default ({document, schemaType,})=>{
  const documentId = document._id;

  return (
    <Box paddingX={2} as="li">
      <Card
        state={{ selectedDocumentId: documentId }}
        padding={2}
        radius={2}
      >
        <SanityPreview layout="default" value={document} type={schemaType} />
      </Card>
    </Box>
  );
}

// Single workspace configuration

import {defineConfig} from 'sanity'
import {deskTool} from 'sanity/desk'
import {schemaTypes} from './schemas'

export default defineConfig({
  projectId: '<projectId>',
	dataset: 'production',
  plugins: [deskTool()],
  schema: {
	  types: schemaTypes,
  },
})

import React from "react";
import { Card, Box } from "@sanity/ui";
import { SanityDefaultPreview } from "sanity";

export default ({document})=>{

  return (
    <Box paddingX={2} as="li">
      <Card
        padding={2}
        radius={2}
      >
        <SanityDefaultPreview  layout={"default"} title={document.title} subtitle={document.subtitle} />
      </Card>
    </Box>
  );
}