chore: remove remaining react imports

dev/test-studio/components/studioComponents.tsx

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

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

@@ -6,7 +6,7 @@ import {Physics, useCylinder, useSphere} from '@react-three/cannon'
 import {Effects as EffectComposer, Environment, Sky, useTexture} from '@react-three/drei'
 import {Canvas, extend, useFrame, useThree} from '@react-three/fiber'
 import {Box, Card, Text} from '@sanity/ui'
-import React, {memo, useState} from 'react'
+import {memo, useState} from 'react'
 import {useGlobalPresence, useUserColor, useWorkspace} from 'sanity'
 import styled from 'styled-components'
 import * as THREE from 'three'

dev/test-studio/preview/main.tsx

@@ -2,7 +2,7 @@ import {PortableText} from '@portabletext/react'
 import {createClient} from '@sanity/client'
 import {createQueryStore} from '@sanity/react-loader'
 import {enableVisualEditing} from '@sanity/visual-editing'
-import React, {Suspense, useEffect} from 'react'
+import {Suspense, useEffect} from 'react'
 import {createRoot} from 'react-dom/client'
 
 const client = createClient({

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

@@ -1,5 +1,5 @@
 import {range} from 'lodash'
-import React, {type ForwardedRef, forwardRef, useCallback} from 'react'
+import {type ForwardedRef, forwardRef, useCallback} from 'react'
 import {FieldPresence, type ObjectInputProps, PresenceScope, set, setIfMissing} from 'sanity'
 
 export const CustomInputWithDefaultPresence = forwardRef(function CustomInputWithDefaultPresence(

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

@@ -1,5 +1,5 @@
 import {Card} from '@sanity/ui'
-import React, {type ReactNode} from 'react'
+import {type ReactNode} from 'react'
 import {
   ArrayOfObjectsInput,
   type ArrayOfObjectsInputProps,

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

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

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

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

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

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

dev/test-studio/schema/standard/portableText/customMarkers/CustomContentInput.tsx

@@ -1,6 +1,6 @@
 import {htmlToBlocks} from '@sanity/block-tools'
 import {type OnPasteFn, type PortableTextBlock} from '@sanity/portable-text-editor'
-import React, {useCallback, useMemo} from 'react'
+import {useCallback, useMemo} from 'react'
 import {PortableTextInput, type PortableTextInputProps, type PortableTextMarker} from 'sanity'
 
 import {renderBlockActions} from './blockActions'

dev/test-studio/workshop/WorkshopTool.tsx

@@ -1,5 +1,4 @@
 import {Workshop} from '@sanity/ui-workshop'
-import React from 'react'
 import {type Tool, useColorScheme, useWorkspace} from 'sanity'
 
 import {config} from './config'

packages/@sanity/portable-text-editor/e2e-tests/web-server/app.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable i18next/no-literal-string */
 import {type PortableTextBlock} from '@sanity/types'
 import {Box, Card, Heading, Inline, Stack, studioTheme, Text, ThemeProvider} from '@sanity/ui'
-import React, {useCallback, useMemo, useState} from 'react'
+import {useCallback, useMemo, useState} from 'react'
 import {Subject} from 'rxjs'
 
 import {type EditorSelection, type Patch} from '../../src'

packages/@sanity/portable-text-editor/e2e-tests/web-server/components/Editor.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable i18next/no-literal-string */
 import {type PortableTextBlock} from '@sanity/types'
 import {Box, Card, Code, Text} from '@sanity/ui'
-import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react'
+import {useCallback, useEffect, useMemo, useRef, useState} from 'react'
 import {type Subject} from 'rxjs'
 import styled from 'styled-components'
 

packages/@sanity/portable-text-editor/e2e-tests/web-server/components/Value.tsx

@@ -1,7 +1,6 @@
 /* eslint-disable i18next/no-literal-string */
 import {type PortableTextBlock} from '@sanity/types'
 import {Box, Card, Code, Heading} from '@sanity/ui'
-import React from 'react'
 
 type Props = {value: PortableTextBlock[] | undefined; revId: string}
 

packages/@sanity/portable-text-editor/e2e-tests/web-server/entry.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import {createRoot} from 'react-dom/client'
 
 import {App} from './app'

packages/@sanity/portable-text-editor/src/editor/PortableTextEditor.tsx

@@ -9,7 +9,7 @@ import {
   type PortableTextObject,
   type SpanSchemaType,
 } from '@sanity/types'
-import React, {Component, type PropsWithChildren} from 'react'
+import {Component, type PropsWithChildren} from 'react'
 import {Subject} from 'rxjs'
 
 import {

packages/@sanity/portable-text-editor/src/editor/__tests__/PortableTextEditor.test.tsx

@@ -2,7 +2,7 @@
 
 import {type PortableTextBlock} from '@sanity/types'
 import {render, waitFor} from '@testing-library/react'
-import React, {createRef, type RefObject} from 'react'
+import {createRef, type RefObject} from 'react'
 
 import {type EditorSelection} from '../..'
 import {PortableTextEditor} from '../PortableTextEditor'

packages/@sanity/portable-text-editor/src/editor/__tests__/PortableTextEditorTester.tsx

@@ -1,6 +1,6 @@
 import {Schema} from '@sanity/schema'
 import {defineArrayMember, defineField} from '@sanity/types'
-import React, {type ForwardedRef, forwardRef, useCallback, useEffect} from 'react'
+import {type ForwardedRef, forwardRef, useCallback, useEffect} from 'react'
 
 import {
   PortableTextEditable,

packages/@sanity/vision/src/codemirror/VisionCodeMirror.tsx

@@ -1,6 +1,5 @@
 import {useTheme} from '@sanity/ui'
 import CodeMirror, {type ReactCodeMirrorProps} from '@uiw/react-codemirror'
-import React from 'react'
 
 import {codemirrorExtensions} from './extensions'
 import {useCodemirrorTheme} from './useCodemirrorTheme'

packages/@sanity/vision/src/components/ParamsEditor.tsx

@@ -1,5 +1,5 @@
 import {debounce} from 'lodash'
-import React, {useCallback, useEffect, useMemo, useState} from 'react'
+import {useCallback, useEffect, useMemo, useState} from 'react'
 import {type TFunction, useTranslation} from 'sanity'
 
 import {VisionCodeMirror} from '../codemirror/VisionCodeMirror'

packages/sanity/playwright-ct/tests/comments/CommentInputStory.tsx

@@ -1,6 +1,6 @@
 import {type CurrentUser, type PortableTextBlock} from '@sanity/types'
 import {noop} from 'lodash'
-import React, {useState} from 'react'
+import {useState} from 'react'
 
 import {type MentionOptionsHookValue} from '../../../src/structure/comments'
 import {CommentInput} from '../../../src/structure/comments/src/components/pte/comment-input/CommentInput'

packages/sanity/playwright-ct/tests/formBuilder/inputs/PortableText/FocusTracking.spec.tsx

@@ -2,7 +2,6 @@
 import {expect, test} from '@playwright/experimental-ct-react'
 import {type Page} from '@playwright/test'
 import {type Path, type SanityDocument} from '@sanity/types'
-import React from 'react'
 
 import FocusTrackingStory from './FocusTrackingStory'
 

packages/sanity/playwright-ct/tests/formBuilder/inputs/PortableText/ObjectBlockStory.tsx

@@ -1,7 +1,6 @@
 /* eslint-disable i18next/no-literal-string */
 import {defineArrayMember, defineField, defineType} from '@sanity/types'
 import {Box, Text} from '@sanity/ui'
-import React from 'react'
 import {type PreviewProps} from 'sanity'
 
 import {TestForm} from '../../utils/TestForm'

packages/sanity/playwright-ct/tests/formBuilder/inputs/PortableText/copyPaste/CopyPaste.spec.tsx

@@ -1,7 +1,6 @@
 /* eslint-disable max-nested-callbacks */
 import {expect, test} from '@playwright/experimental-ct-react'
 import {type Path, type SanityDocument} from '@sanity/types'
-import React from 'react'
 
 import {testHelpers} from '../../../../utils/testHelpers'
 import CopyPasteStory from './CopyPasteStory'

packages/sanity/src/core/changeIndicators/overlay/ChangeConnectorRoot.tsx

@@ -1,5 +1,5 @@
 import {type Path} from '@sanity/types'
-import React, {type ReactNode, useMemo, useState} from 'react'
+import {type ReactNode, useMemo, useState} from 'react'
 
 import {ScrollContainer} from '../../components/scroll'
 import {ConnectorContext} from '../ConnectorContext'

packages/sanity/src/core/changeIndicators/overlay/ConnectorsOverlay.tsx

@@ -1,6 +1,6 @@
 import {type Path} from '@sanity/types'
 import {sortBy} from 'lodash'
-import React, {useCallback, useMemo, useState} from 'react'
+import {useCallback, useMemo, useState} from 'react'
 
 import {type Reported} from '../../components/react-track-elements'
 import {ScrollMonitor} from '../../components/scroll'

packages/sanity/src/core/components/collapseTabList/CollapseTabList.tsx

@@ -1,5 +1,5 @@
 import {Flex} from '@sanity/ui'
-import React, {
+import {
   Children,
   cloneElement,
   type ForwardedRef,

packages/sanity/src/core/field/diff/components/ChangeBreadcrumb.tsx

@@ -1,6 +1,5 @@
 import {ChevronRightIcon} from '@sanity/icons'
 import {Breadcrumbs, Text} from '@sanity/ui'
-import React from 'react'
 
 import {type ChangeTitlePath, type FieldChangeNode} from '../../types'
 import {ChangeTitleSegment} from './ChangeTitleSegment'

packages/sanity/src/core/field/diff/components/ChangeList.tsx

@@ -2,7 +2,7 @@ import {type SanityDocument} from '@sanity/client'
 import {RevertIcon} from '@sanity/icons'
 import {type ObjectSchemaType} from '@sanity/types'
 import {Box, Card, Flex, Stack, Text, useClickOutside} from '@sanity/ui'
-import React, {type ReactElement, useCallback, useContext, useMemo, useState} from 'react'
+import {type ReactElement, useCallback, useContext, useMemo, useState} from 'react'
 
 import {Button, Popover} from '../../../../ui-components'
 import {useDocumentOperation} from '../../../hooks'

packages/sanity/src/core/field/diff/components/DiffCard.tsx

@@ -1,6 +1,6 @@
 import {type Path} from '@sanity/types'
 import {Card, rem} from '@sanity/ui'
-import React, {type ElementType, forwardRef, type HTMLProps, type ReactNode, useMemo} from 'react'
+import {type ElementType, forwardRef, type HTMLProps, type ReactNode, useMemo} from 'react'
 import styled from 'styled-components'
 
 import {type Annotation, type Diff} from '../../types'

packages/sanity/src/core/field/diff/components/DiffErrorBoundary.tsx

@@ -1,6 +1,6 @@
 import {ErrorOutlineIcon} from '@sanity/icons'
 import {Box, Card, Flex, Text} from '@sanity/ui'
-import React, {Component, type ReactNode} from 'react'
+import {Component, type ReactNode} from 'react'
 
 import {isDev} from '../../../environment'
 import {type TFunction} from '../../../i18n'

packages/sanity/src/core/field/diff/components/FieldChange.tsx

@@ -1,6 +1,6 @@
 import {type ObjectSchemaType} from '@sanity/types'
 import {Box, Flex, Stack, Text, useClickOutside} from '@sanity/ui'
-import React, {Fragment, type HTMLAttributes, useCallback, useMemo, useState} from 'react'
+import {Fragment, type HTMLAttributes, useCallback, useMemo, useState} from 'react'
 
 import {Button, Popover} from '../../../../ui-components'
 import {useDocumentOperation} from '../../../hooks'

packages/sanity/src/core/field/diff/components/FromTo.tsx

@@ -1,5 +1,5 @@
 import {Flex, Grid, rem, useTheme} from '@sanity/ui'
-import React, {forwardRef, type HTMLProps, type ReactNode, useMemo} from 'react'
+import {forwardRef, type HTMLProps, type ReactNode, useMemo} from 'react'
 
 import {FromToArrow} from './FromToArrow'
 

packages/sanity/src/core/field/diff/components/GroupChange.tsx

@@ -1,5 +1,5 @@
 import {Box, Flex, Stack, Text, useClickOutside} from '@sanity/ui'
-import React, {
+import {
   type HTMLAttributes,
   type ReactElement,
   useCallback,

packages/sanity/src/core/field/types/image/diff/ImagePreview.tsx

@@ -3,7 +3,7 @@ import {hues} from '@sanity/color'
 import {ImageIcon} from '@sanity/icons'
 import imageUrlBuilder from '@sanity/image-url'
 import {Box, Card, Flex, Text} from '@sanity/ui'
-import React, {type ReactElement, type SyntheticEvent, useMemo, useState} from 'react'
+import {type ReactElement, type SyntheticEvent, useMemo, useState} from 'react'
 import styled from 'styled-components'
 
 import {useClient} from '../../../../hooks'

packages/sanity/src/core/form/__workshop__/_common/FilterFieldInput.tsx

@@ -1,5 +1,5 @@
 import {Card, Code, Grid, Stack, Text, TextArea} from '@sanity/ui'
-import React, {type ForwardedRef, forwardRef, useCallback, useMemo} from 'react'
+import {type ForwardedRef, forwardRef, useCallback, useMemo} from 'react'
 import styled from 'styled-components'
 
 import {Button} from '../../../../ui-components'

packages/sanity/src/core/form/components/ActivateOnFocus/ActivateOnFocus.tsx

@@ -1,6 +1,6 @@
 // This is transitional in order to track usage of the ActivateOnFocusPart part from within the form-builder package
 import {Text} from '@sanity/ui'
-import React, {type KeyboardEvent, type ReactNode, useCallback, useMemo, useState} from 'react'
+import {type KeyboardEvent, type ReactNode, useCallback, useMemo, useState} from 'react'
 
 import {useTranslation} from '../../../i18n'
 import {

packages/sanity/src/core/form/components/EditPortal.tsx

@@ -1,5 +1,5 @@
 import {Box, type ResponsiveWidthProps} from '@sanity/ui'
-import React, {type DragEvent, type ReactElement, type ReactNode, useRef, useState} from 'react'
+import {type DragEvent, type ReactElement, type ReactNode, useRef, useState} from 'react'
 
 import {Dialog} from '../../../ui-components'
 import {PopoverDialog} from '../../components'

packages/sanity/src/core/form/components/FormInput.tsx

@@ -1,6 +1,6 @@
 import {isIndexSegment, isKeySegment, type Path} from '@sanity/types'
 import {isEqual, startsWith, trimLeft} from '@sanity/util/paths'
-import React, {memo, type ReactNode, useCallback, useMemo} from 'react'
+import {memo, type ReactNode, useCallback, useMemo} from 'react'
 
 import {pathToString} from '../../field'
 import {Translate, useTranslation} from '../../i18n'

packages/sanity/src/core/form/contexts/FormValue.tsx

@@ -1,6 +1,6 @@
 import {type Path} from '@sanity/types'
 import {pathFor} from '@sanity/util/paths'
-import React, {createContext, type ReactNode, useContext, useMemo} from 'react'
+import {createContext, type ReactNode, useContext, useMemo} from 'react'
 
 import {getValueAtPath} from '../../field'
 import {type FormDocumentValue} from '../types'

packages/sanity/src/core/form/contexts/GetFormValue.tsx

@@ -1,5 +1,5 @@
 import {type Path} from '@sanity/types'
-import React, {createContext, type ReactNode, useCallback, useContext, useRef} from 'react'
+import {createContext, type ReactNode, useCallback, useContext, useRef} from 'react'
 
 import {getValueAtPath} from '../../field'
 import {type FormDocumentValue} from '../types'

packages/sanity/src/core/form/field/actions/FieldActionsProvider.tsx

@@ -1,5 +1,5 @@
 import {type Path} from '@sanity/types'
-import React, {type PropsWithChildren, useCallback, useMemo} from 'react'
+import {type PropsWithChildren, useCallback, useMemo} from 'react'
 
 import {type DocumentFieldActionNode} from '../../../config'
 import {pathToString} from '../../../field'

packages/sanity/src/core/form/inputs/CrossDatasetReferenceInput/CrossDatasetReferenceInput.tsx

@@ -3,7 +3,7 @@ import {ResetIcon as ClearIcon, SyncIcon as ReplaceIcon} from '@sanity/icons'
 import {type CrossDatasetReferenceSchemaType, type CrossDatasetReferenceValue} from '@sanity/types'
 import {Box, Card, Flex, Inline, Menu, Stack, useToast} from '@sanity/ui'
 import {FOCUS_TERMINATOR} from '@sanity/util/paths'
-import React, {
+import {
   type FocusEvent,
   type KeyboardEvent,
   useCallback,

packages/sanity/src/core/form/inputs/CrossDatasetReferenceInput/CrossDatasetReferencePreview.tsx

@@ -3,7 +3,7 @@ import {AccessDeniedIcon, HelpCircleIcon, LaunchIcon} from '@sanity/icons'
 import imageUrlBuilder from '@sanity/image-url'
 import {type CrossDatasetType, type PreviewValue} from '@sanity/types'
 import {Badge, Box, Flex, Inline, Text} from '@sanity/ui'
-import React, {createElement, isValidElement as ReactIsValidElement, useMemo} from 'react'
+import {createElement, isValidElement as ReactIsValidElement, useMemo} from 'react'
 
 import {Tooltip} from '../../../../ui-components'
 import {DefaultPreview, type PreviewMediaDimensions, TextWithTone} from '../../../components'

packages/sanity/src/core/form/inputs/CrossDatasetReferenceInput/PreviewReferenceValue.tsx

@@ -1,6 +1,5 @@
 import {type CrossDatasetReferenceSchemaType, type CrossDatasetReferenceValue} from '@sanity/types'
 import {Stack, Text, TextSkeleton} from '@sanity/ui'
-import React from 'react'
 
 import {Translate, useTranslation} from '../../../i18n'
 import {CrossDatasetReferencePreview} from './CrossDatasetReferencePreview'

packages/sanity/src/core/form/inputs/CrossDatasetReferenceInput/ReferenceAutocomplete.tsx

@@ -1,5 +1,5 @@
 import {Autocomplete, Box, Flex, type Placement, Text} from '@sanity/ui'
-import React, {
+import {
   type ComponentProps,
   type ForwardedRef,
   forwardRef,

packages/sanity/src/core/form/inputs/DateInputs/base/calendar/YearInput.tsx

@@ -1,5 +1,5 @@
 import {type TextInputProps} from '@sanity/ui'
-import React, {type ChangeEvent, type HTMLProps, useCallback} from 'react'
+import {type ChangeEvent, type HTMLProps, useCallback} from 'react'
 
 import {LazyTextInput} from '../LazyTextInput'
 

packages/sanity/src/core/form/inputs/EmailInput.tsx

@@ -1,5 +1,4 @@
 import {TextInput} from '@sanity/ui'
-import React from 'react'
 
 import {type StringInputProps} from '../types'
 

packages/sanity/src/core/form/inputs/InvalidValueInput/InvalidValueInput.tsx

@@ -1,6 +1,6 @@
 import {Card, Code, Stack, Text} from '@sanity/ui'
 import {isPlainObject} from 'lodash'
-import React, {forwardRef, type Ref, useCallback, useImperativeHandle, useMemo} from 'react'
+import {forwardRef, type Ref, useCallback, useImperativeHandle, useMemo} from 'react'
 
 import {Button} from '../../../../ui-components'
 import {isDev} from '../../../environment'

packages/sanity/src/core/form/inputs/ObjectInput/UnknownFields.tsx

@@ -1,6 +1,6 @@
 import {TrashIcon} from '@sanity/icons'
 import {Box, Card, Code, Stack, Text} from '@sanity/ui'
-import React, {useCallback} from 'react'
+import {useCallback} from 'react'
 
 import {Button} from '../../../../ui-components'
 import {isDev} from '../../../environment'

packages/sanity/src/core/form/inputs/ObjectInput/fieldGroups/FieldGroupTabs.tsx

@@ -1,5 +1,5 @@
 import {ElementQuery, Select, TabList} from '@sanity/ui'
-import React, {type ChangeEvent, memo, useCallback} from 'react'
+import {type ChangeEvent, memo, useCallback} from 'react'
 import styled from 'styled-components'
 
 import {useTranslation} from '../../../../i18n'

packages/sanity/src/core/form/inputs/PortableText/Compositor.tsx

@@ -10,7 +10,7 @@ import {
 } from '@sanity/portable-text-editor'
 import {type Path, type PortableTextBlock, type PortableTextTextBlock} from '@sanity/types'
 import {Box, Portal, PortalProvider, useBoundaryElement, usePortal} from '@sanity/ui'
-import React, {useCallback, useMemo, useState} from 'react'
+import {useCallback, useMemo, useState} from 'react'
 
 import {ChangeIndicator} from '../../../changeIndicators'
 import {EMPTY_ARRAY} from '../../../util'