fix: remove unused React import

.eslintrc.cjs

@@ -32,6 +32,7 @@ const baseConfig = {
         additionalHooks: '(useMemoObservable|useObservableCallback|useAsync)',
       },
     ],
+    'react/no-unescaped-entities': 'off',
   },
   settings: {
     'import/extensions': ['.cjs', '.mjs', '.js', '.jsx', '.ts', '.tsx'],

dev/design-studio/components/CustomPane/CustomPane.tsx

@@ -1,4 +1,4 @@
-import React, {useCallback} from 'react'
+import {useCallback} from 'react'
 import {Button, Card, Code, Stack} from '@sanity/ui'
 import {usePaneRouter} from 'sanity/desk'
 

dev/design-studio/components/IframeView.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import styled from 'styled-components'
 
 const IFrame = styled.iframe`

dev/design-studio/components/jsonPreview.tsx

@@ -1,5 +1,4 @@
 import {Card, Code} from '@sanity/ui'
-import React from 'react'
 
 export function JSONPreviewDocumentView(props: any) {
   return (

dev/design-studio/plugins/theme-preview-tool/ColorCanvas.tsx

@@ -22,7 +22,7 @@ import {
   ThemeColorSolidTone,
   useRootTheme,
 } from '@sanity/ui'
-import React, {createContext, useContext, useMemo} from 'react'
+import {createContext, useContext, useMemo} from 'react'
 
 interface Features {
   button: boolean

dev/design-studio/schemaTypes/documentWithViews/view/styledTest.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import styled from 'styled-components'
 
 const Thing = styled.div`

dev/starter-cra-studio/src/index.js

@@ -1,5 +1,6 @@
 /* eslint-disable react/jsx-filename-extension */
 
+// eslint-disable-next-line no-unused-vars
 import React, {StrictMode} from 'react'
 import {createRoot} from 'react-dom/client'
 // eslint-disable-next-line import/no-unassigned-import

dev/strict-studio/_document.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import {DefaultDocument} from 'sanity'
 
 export default function Document(props) {

dev/strict-studio/entry.tsx

@@ -1,4 +1,4 @@
-import React, {StrictMode} from 'react'
+import {StrictMode} from 'react'
 import {createRoot} from 'react-dom/client'
 import {Studio} from 'sanity'
 import config from './sanity.config'

dev/test-next-studio/app/registry.tsx

@@ -2,7 +2,7 @@
 
 'use client'
 
-import React, {useState} from 'react'
+import {useState} from 'react'
 import {useServerInsertedHTML} from 'next/navigation'
 import {ServerStyleSheet, StyleSheetManager} from 'styled-components'
 

dev/test-studio/assetSources/imageAssetSource.tsx

@@ -1,7 +1,6 @@
 import {ImagesIcon} from '@sanity/icons'
 import {AssetSource, AssetSourceComponentProps} from '@sanity/types'
 import {Box, Dialog, Text} from '@sanity/ui'
-import React from 'react'
 
 function ImageAssetSource(props: AssetSourceComponentProps) {
   const {dialogHeaderTitle, onClose, ...restProps} = props

dev/test-studio/components/Branding.tsx

@@ -1,5 +1,4 @@
 import {Box, Text} from '@sanity/ui'
-import React from 'react'
 
 export function Branding() {
   return (

dev/test-studio/components/deskTool/LanguageFilter.tsx

@@ -1,6 +1,5 @@
 import {SchemaType} from '@sanity/types'
 import {Card, Text} from '@sanity/ui'
-import React from 'react'
 
 export function LanguageFilter(props: {schemaType: SchemaType}) {
   return (

dev/test-studio/components/documentViews/jsonPreview.tsx

@@ -1,5 +1,4 @@
 import {Card, Code} from '@sanity/ui'
-import React from 'react'
 
 export function JSONPreviewDocumentView(props: any) {
   return (

dev/test-studio/components/formBuilder/ArrayFunctions.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 export const ArrayFunctions: any = () => {
   return <div>ArrayFunctions</div>
 }

dev/test-studio/components/formBuilder/CustomMarkers.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 export const CustomMarkers: any = () => {
   return <div>CustomMarkers</div>
 }

dev/test-studio/components/formBuilder/Markers.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 export const Markers: any = () => {
   return <div>CustomMarkers</div>
 }

dev/test-studio/components/formComponents.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import {Card} from '@sanity/ui'
 import {
   definePlugin,

dev/test-studio/components/navbar/ToolMenu.tsx

@@ -1,5 +1,4 @@
 import {Button, Flex} from '@sanity/ui'
-import React from 'react'
 import {ToolLink, ToolMenuProps} from 'sanity'
 
 export function ToolMenu(props: ToolMenuProps) {

dev/test-studio/components/panes/JsonDocumentDump.tsx

@@ -1,14 +1,7 @@
 import {useClient} from 'sanity'
 import {SanityDocument} from '@sanity/types'
 import {Box, Code, Flex, Spinner, Text} from '@sanity/ui'
-import React, {
-  forwardRef,
-  useCallback,
-  useEffect,
-  useImperativeHandle,
-  useRef,
-  useState,
-} from 'react'
+import {forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState} from 'react'
 import {Subscription} from 'rxjs'
 
 export const JsonDocumentDump = forwardRef(function JsonDocumentDump(

dev/test-studio/components/panes/debug/DebugPane.tsx

@@ -1,7 +1,7 @@
 import {UserComponent, usePaneRouter} from 'sanity/desk'
 import {ChevronDownIcon, ChevronRightIcon, ControlsIcon, LinkIcon} from '@sanity/icons'
 import {Box, Card, Code, Flex, Stack, Text} from '@sanity/ui'
-import React, {useMemo} from 'react'
+import {useMemo} from 'react'
 
 function usePaneChildLinkComponent(props: {
   id: string

dev/test-studio/components/studioComponents.tsx

@@ -1,4 +1,4 @@
-import React, {createContext, useContext} from 'react'
+import {createContext, useContext} from 'react'
 import {Box, Card, Flex, Stack, Text} from '@sanity/ui'
 import {LogoProps, NavbarProps, LayoutProps, definePlugin, ToolMenuProps} from 'sanity'
 

dev/test-studio/components/workspaceLogos.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import {useColorScheme} from 'sanity'
 
 export const VercelLogo = () => {

dev/test-studio/documentActions/actions/TestConfirmDialogAction.tsx

@@ -1,7 +1,7 @@
 import {DocumentActionComponent, DocumentActionDescription} from 'sanity'
 import {CheckmarkCircleIcon, CloseCircleIcon} from '@sanity/icons'
 import {Button, Text, useToast} from '@sanity/ui'
-import React, {useCallback, useMemo, useState} from 'react'
+import {useCallback, useMemo, useState} from 'react'
 
 export const TestConfirmDialogAction: DocumentActionComponent = (props) => {
   const {onComplete} = props

dev/test-studio/documentActions/actions/TestCustomComponentAction.tsx

@@ -1,6 +1,6 @@
 import {Button, Card, Dialog, Stack, Text} from '@sanity/ui'
 import {DocumentActionComponent} from 'sanity'
-import React, {useCallback, useState} from 'react'
+import {useCallback, useState} from 'react'
 
 export const TestCustomComponentAction: DocumentActionComponent = () => {
   const [open, setOpen] = useState<boolean>(false)

dev/test-studio/documentActions/actions/TestModalDialogAction.tsx

@@ -1,7 +1,7 @@
 import {DocumentActionComponent, DocumentActionDescription} from 'sanity'
 import {CopyIcon} from '@sanity/icons'
 import {Button, Grid, Text, useToast} from '@sanity/ui'
-import React, {useCallback, useMemo, useState} from 'react'
+import {useCallback, useMemo, useState} from 'react'
 
 export const TestModalDialogAction: DocumentActionComponent = (props) => {
   const {onComplete} = props

dev/test-studio/documentActions/actions/TestPopoverDialogAction.tsx

@@ -1,7 +1,7 @@
 import {DocumentActionComponent, DocumentActionDescription} from 'sanity'
 import {LaunchIcon} from '@sanity/icons'
 import {Button, Stack, Text, useToast} from '@sanity/ui'
-import React, {useCallback, useMemo, useState} from 'react'
+import {useCallback, useMemo, useState} from 'react'
 
 export const TestPopoverDialogAction: DocumentActionComponent = (props) => {
   const {onComplete} = props

dev/test-studio/fieldActions/PrivateIcon.tsx

@@ -1,6 +1,5 @@
 import {LockIcon} from '@sanity/icons'
 import {Text, Tooltip} from '@sanity/ui'
-import React from 'react'
 
 export function PrivateIcon() {
   return (

dev/test-studio/inspectors/custom/inspector.tsx

@@ -1,5 +1,4 @@
 import {Box, Card, Flex, Text} from '@sanity/ui'
-import React from 'react'
 import {DocumentInspectorProps} from 'sanity'
 import {DocumentInspectorHeader} from 'sanity/desk'
 

dev/test-studio/plugins/language-filter/LanguageFilterMenuButton.tsx

@@ -1,6 +1,6 @@
 import {TranslateIcon} from '@sanity/icons'
 import {Box, Button, Card, Checkbox, Flex, Popover, Stack, Text, useClickOutside} from '@sanity/ui'
-import React, {FormEvent, useCallback, useState} from 'react'
+import {FormEvent, useCallback, useState} from 'react'
 import {ObjectSchemaType} from 'sanity'
 import {LanguageFilterPluginOptions} from './types'
 import {usePaneLanguages} from './usePaneLanguages'

dev/test-studio/plugins/language-filter/LanguageFilterObjectInput.tsx

@@ -1,5 +1,5 @@
 import {pathFor} from '@sanity/util/paths'
-import React, {useMemo} from 'react'
+import {useMemo} from 'react'
 import {
   FieldError,
   FieldMember,

dev/test-studio/plugins/language-filter/plugin.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import {definePlugin, ObjectInputProps, _DocumentLanguageFilterComponent} from 'sanity'
 import {LanguageFilterMenuButton} from './LanguageFilterMenuButton'
 import {LanguageFilterObjectInput} from './LanguageFilterObjectInput'

dev/test-studio/plugins/presence/Presence3D.tsx

@@ -2,7 +2,7 @@
 /* eslint-disable react/no-unknown-property */
 // Fork of https://codesandbox.io/s/object-clump-ssbdsw
 
-import React, {memo, useState} from 'react'
+import {memo, useState} from 'react'
 
 import {Physics, useCylinder, useSphere} from '@react-three/cannon'
 import {Effects as EffectComposer, Environment, Sky, useTexture} from '@react-three/drei'

dev/test-studio/schema/debug/components/AuthorReferenceInput.tsx

@@ -2,7 +2,7 @@ import {ObjectInputProps, set, setIfMissing, unset, useClient} from 'sanity'
 import imageUrlBuilder from '@sanity/image-url'
 import {Reference, ReferenceSchemaType} from '@sanity/types'
 import {Button, Spinner} from '@sanity/ui'
-import React, {forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState} from 'react'
+import {forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState} from 'react'
 import styles from './AuthorReferenceInput.module.css'
 
 const noop = () => null

dev/test-studio/schema/debug/components/CustomFontStringInput.tsx

@@ -1,5 +1,4 @@
 import {set, StringInputProps} from 'sanity'
-import React from 'react'
 import styles from './CustomFontStringInput.module.css'
 
 export default class CustomStringInput extends React.Component<StringInputProps> {

dev/test-studio/schema/debug/components/CustomInputWithDefaultPresence.tsx

@@ -1,4 +1,4 @@
-import React, {useCallback} from 'react'
+import {useCallback} from 'react'
 import {range} from 'lodash'
 import {FieldPresence, ObjectInputProps, PresenceScope, set, setIfMissing} from 'sanity'
 

dev/test-studio/schema/debug/components/CustomInputWithDialogOverlay.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import {DocumentPresence, FieldPresence, PresenceOverlay, setIfMissing} from 'sanity'
 import {Button, Dialog} from '@sanity/ui'
 import {ObjectSchemaType, Path} from '@sanity/types'

dev/test-studio/schema/debug/components/CustomMyObjectInput.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import {ObjectInputProps, set, setIfMissing} from 'sanity'
 
 export default class CustomMyObjectInput extends React.Component<ObjectInputProps> {

dev/test-studio/schema/debug/components/CustomObjectSelectInput.tsx

@@ -1,6 +1,6 @@
 import {ObjectInputProps, ObjectSchemaType, set, unset, isValidationError} from 'sanity'
 import {Select} from '@sanity/ui'
-import React, {useCallback, useState} from 'react'
+import {useCallback, useState} from 'react'
 
 type Value = {title: string; value: string}
 

dev/test-studio/schema/debug/components/CustomStringInput.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import {set, StringInputProps} from 'sanity'
 
 export default class CustomStringInput extends React.Component<StringInputProps> {

dev/test-studio/schema/debug/components/DelegatedObjectInputs.tsx

@@ -37,7 +37,7 @@ import {
   UrlInput,
   UrlInputProps,
 } from 'sanity'
-import React, {ReactNode} from 'react'
+import {ReactNode} from 'react'
 import {Card} from '@sanity/ui'
 
 /* These ensure that all the native inputs are exported and assignable to defineField.components.input*/

dev/test-studio/schema/debug/customInputsWithPatches.tsx

@@ -1,5 +1,5 @@
 import {Button, Grid} from '@sanity/ui'
-import React, {useCallback, useEffect, useRef} from 'react'
+import {useCallback, useEffect, useRef} from 'react'
 import {defineField, ObjectInputProps, Path, set, unset} from 'sanity'
 
 /**

dev/test-studio/schema/debug/fieldComponentsTest.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import styled from 'styled-components'
 
 const CustomBox = styled.div`

dev/test-studio/schema/debug/formInputDebug.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import {FormInput, ObjectInputProps} from 'sanity'
 import {Grid} from '@sanity/ui'
 

dev/test-studio/schema/debug/readOnly.jsx

@@ -1,5 +1,4 @@
 // import {MdTextFormat as icon} from 'react-icons/md'
-import React from 'react'
 
 export default {
   name: 'readOnlyTest',

dev/test-studio/schema/debug/scrollBug.tsx

@@ -8,7 +8,6 @@ import {
   RocketIcon,
   TrendUpwardIcon,
 } from '@sanity/icons'
-import React from 'react'
 import {Stack, Text} from '@sanity/ui'
 
 export const articleImage = defineType({

dev/test-studio/schema/debug/virtualizationDebug.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import {FieldProps, SanityClient, defineField, defineType} from 'sanity'
 
 interface Author {

dev/test-studio/schema/demos/3d/torus-knot/ColorInput.tsx

@@ -1,5 +1,5 @@
 import {Stack, Text} from '@sanity/ui'
-import React, {useCallback} from 'react'
+import {useCallback} from 'react'
 import {transparentize} from 'polished'
 import styled from 'styled-components'
 import {StringInputProps, set} from 'sanity'

dev/test-studio/schema/demos/3d/torus-knot/TorusKnotInput.tsx

@@ -1,6 +1,6 @@
 import {ObjectInputProps} from 'sanity'
 import {Stack, Skeleton} from '@sanity/ui'
-import React, {lazy, Suspense} from 'react'
+import {lazy, Suspense} from 'react'
 import styled from 'styled-components'
 
 const TorusKnotInputPreview = lazy(() => import('./TorusKnotInputPreview'))

dev/test-studio/schema/demos/3d/torus-knot/TorusKnotInputPreview.tsx

@@ -1,5 +1,5 @@
 import {Box} from '@sanity/ui'
-import React, {memo, Suspense, useRef} from 'react'
+import {memo, Suspense, useRef} from 'react'
 import styled from 'styled-components'
 import {Canvas, Vector3} from '@react-three/fiber'
 import View from './TorusKnotScene'

dev/test-studio/schema/demos/3d/torus-knot/TorusKnotLazyComponents.tsx

@@ -1,4 +1,4 @@
-import React, {lazy, memo, Suspense} from 'react'
+import {lazy, memo, Suspense} from 'react'
 import {Skeleton, Stack, TextSkeleton} from '@sanity/ui'
 
 const TorusKnotPreview = lazy(() => import('./TorusKnotPreview'))

dev/test-studio/schema/demos/3d/torus-knot/TorusKnotPreview.tsx

@@ -1,5 +1,5 @@
 import {Canvas, Vector3} from '@react-three/fiber'
-import React, {memo, startTransition, Suspense, useEffect, useRef, useState} from 'react'
+import {memo, startTransition, Suspense, useEffect, useRef, useState} from 'react'
 import styled from 'styled-components'
 import {Box} from '@sanity/ui'
 

dev/test-studio/schema/demos/3d/torus-knot/TorusKnotScene.tsx

@@ -5,7 +5,7 @@
 import {Environment, OrbitControls} from '@react-three/drei'
 import {useFrame, useThree} from '@react-three/fiber'
 import {Color, Depth, Fresnel, LayerMaterial} from 'lamina'
-import React, {memo, useEffect, useRef} from 'react'
+import {memo, useEffect, useRef} from 'react'
 import * as THREE from 'three'
 
 export default function View({element: {base, colorA, colorB, position}, preview = false}: any) {

dev/test-studio/schema/demos/3d/torus-knot/schemaType.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import {defineType} from 'sanity'
 import {structureGroupOptions} from '../../../../structure/groupByOption'
 import TorusKnotInput from './TorusKnotInput'

dev/test-studio/schema/docs/v3/example1/CodeInput.tsx

@@ -1,6 +1,5 @@
 import {FieldMember, MemberField, ObjectInputProps} from 'sanity'
 import {Stack} from '@sanity/ui'
-import React from 'react'
 
 export function CodeInput(props: ObjectInputProps) {
   const {members, renderField, renderItem} = props

dev/test-studio/schema/docs/v3/form-components-api/components.tsx

@@ -1,4 +1,4 @@
-import React, {useCallback} from 'react'
+import {useCallback} from 'react'
 import {hues} from '@sanity/color'
 import {Box, Stack, Heading, Flex, Inline, Text, Grid, Button} from '@sanity/ui'
 import {

dev/test-studio/schema/docs/v3/form-components-api/schema.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import {defineType} from 'sanity'
 import {structureGroupOptions} from '../../../../structure/groupByOption'
 import {

dev/test-studio/schema/plugins/color.tsx

@@ -1,7 +1,6 @@
 /* eslint-disable react/display-name */
 
 import {DropIcon} from '@sanity/icons'
-import React from 'react'
 import {defineType} from 'sanity'
 
 export default defineType({