eslint

brijeshb42 · brijeshb42 · commit ef27b5a140c8 · 2025-08-28T11:36:21.000+05:30
diff --git a/docs/scripts/generateLlmTxt/__snapshots__/mdxToMarkdown.test.mjs.snap b/docs/scripts/generateLlmTxt/__snapshots__/mdxToMarkdown.test.mjs.snap
@@ -397,7 +397,6 @@ This example shows how to implement the component using Tailwind CSS.
 
 \`\`\`tsx
 /* index.tsx */
-import * as React from 'react';
 import { Slider } from '@base-ui-components/react/slider';
 import { DirectionProvider } from '@base-ui-components/react/direction-provider';
 
@@ -464,7 +463,6 @@ This example shows how to implement the component using CSS Modules.
 
 \`\`\`tsx
 /* index.tsx */
-import * as React from 'react';
 import { DirectionProvider } from '@base-ui-components/react/direction-provider';
 import { Slider } from '@base-ui-components/react/slider';
 import styles from './index.module.css';
diff --git a/docs/src/app/(private)/experiments/[...slug]/page.tsx b/docs/src/app/(private)/experiments/[...slug]/page.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { type Metadata } from 'next';
 import { notFound } from 'next/navigation';
 import { dirname, resolve } from 'node:path';
diff --git a/docs/src/app/(private)/experiments/anchor-side-animations.tsx b/docs/src/app/(private)/experiments/anchor-side-animations.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Popover } from '@base-ui-components/react/popover';
 import classes from './anchor-side-animations.module.css';
 
diff --git a/docs/src/app/(private)/experiments/collapsible/animations.tsx b/docs/src/app/(private)/experiments/collapsible/animations.tsx
@@ -1,5 +1,4 @@
 'use client';
-import * as React from 'react';
 import { Collapsible } from '@base-ui-components/react/collapsible';
 import { ChevronIcon } from './_icons';
 import styles from './animations.module.css';
diff --git a/docs/src/app/(private)/experiments/collapsible/plain.tsx b/docs/src/app/(private)/experiments/collapsible/plain.tsx
@@ -1,5 +1,4 @@
 'use client';
-import * as React from 'react';
 import { Collapsible } from '@base-ui-components/react/collapsible';
 import { ChevronIcon } from './_icons';
 import styles from './collapsible.module.css';
diff --git a/docs/src/app/(private)/experiments/context-menu.tsx b/docs/src/app/(private)/experiments/context-menu.tsx
@@ -1,5 +1,4 @@
 'use client';
-import * as React from 'react';
 import { ContextMenu } from '@base-ui-components/react/context-menu';
 import { Menu } from '@base-ui-components/react/menu';
 import { Popover } from '@base-ui-components/react/popover';
diff --git a/docs/src/app/(private)/experiments/menu/complex-nesting.tsx b/docs/src/app/(private)/experiments/menu/complex-nesting.tsx
@@ -1,5 +1,4 @@
 'use client';
-import * as React from 'react';
 import { Menu } from '@base-ui-components/react/menu';
 import { Dialog } from '@base-ui-components/react/dialog';
 import styles from './menu.module.css';
diff --git a/docs/src/app/(private)/experiments/menu/menu-nested.tsx b/docs/src/app/(private)/experiments/menu/menu-nested.tsx
@@ -1,5 +1,4 @@
 'use client';
-import * as React from 'react';
 import { Menu } from '@base-ui-components/react/menu';
 import { styled } from '@mui/system';
 
@@ -163,7 +162,7 @@ const MenuItem = styled(Menu.Item)(
   border-radius: 8px;
   cursor: default;
   user-select: none;
-  
+
   &:last-of-type {
     border-bottom: none;
   }
diff --git a/docs/src/app/(private)/experiments/mobile-scroll-lock.tsx b/docs/src/app/(private)/experiments/mobile-scroll-lock.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Dialog } from '@base-ui-components/react/dialog';
 import styles from './mobile-scroll-lock.module.css';
 
diff --git a/docs/src/app/(private)/experiments/page.tsx b/docs/src/app/(private)/experiments/page.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import clsx from 'clsx';
 import { Sidebar } from 'docs/src/components/Experiments/Sidebar';
 import classes from 'docs/src/components/Experiments/ExperimentRoot.module.css';
diff --git a/docs/src/app/(private)/experiments/popups/popups-transform-origin.tsx b/docs/src/app/(private)/experiments/popups/popups-transform-origin.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Popover as PopoverPrimitive } from '@base-ui-components/react/popover';
 import styles from './popups-transform-origin.module.css';
 import type { Side } from '../../../../../../packages/react/src/utils/useAnchorPositioning';
diff --git a/docs/src/app/(private)/experiments/rtl.tsx b/docs/src/app/(private)/experiments/rtl.tsx
@@ -1,5 +1,4 @@
 'use client';
-import * as React from 'react';
 import { DirectionProvider } from '@base-ui-components/react/direction-provider';
 import { Menu } from '@base-ui-components/react/menu';
 import { Popover } from '@base-ui-components/react/popover';
diff --git a/docs/src/app/(private)/experiments/scroll-area/scroll-area-inset.tsx b/docs/src/app/(private)/experiments/scroll-area/scroll-area-inset.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ScrollArea } from '@base-ui-components/react/scroll-area';
 import styles from './scroll-area-inset.module.css';
 
diff --git a/docs/src/app/(private)/experiments/scroll-area/scroll-area-slight.tsx b/docs/src/app/(private)/experiments/scroll-area/scroll-area-slight.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ScrollArea } from '@base-ui-components/react/scroll-area';
 import styles from './scroll-area-slight.module.css';
 
diff --git a/docs/src/app/(private)/experiments/scroll-area/scroll-area.tsx b/docs/src/app/(private)/experiments/scroll-area/scroll-area.tsx
@@ -1,5 +1,4 @@
 'use client';
-import * as React from 'react';
 import { ScrollArea } from '@base-ui-components/react/scroll-area';
 import { styled } from '@mui/system';
 
diff --git a/docs/src/app/(private)/experiments/slider/inset.tsx b/docs/src/app/(private)/experiments/slider/inset.tsx
@@ -1,5 +1,4 @@
 'use client';
-import * as React from 'react';
 import { Slider } from '@base-ui-components/react/slider';
 import '../../../../demo-theme.css';
 import macStyles from './inset.mac.module.css';
diff --git a/docs/src/app/(private)/experiments/slider/slider.tsx b/docs/src/app/(private)/experiments/slider/slider.tsx
@@ -1,5 +1,4 @@
 'use client';
-import * as React from 'react';
 import { Slider } from '@base-ui-components/react/slider';
 import { DirectionProvider } from '@base-ui-components/react/direction-provider';
 import {
diff --git a/docs/src/app/(private)/experiments/toast.tsx b/docs/src/app/(private)/experiments/toast.tsx
@@ -1,5 +1,4 @@
 'use client';
-import * as React from 'react';
 import { Toast } from '@base-ui-components/react/toast';
 import styles from './toast.module.css';
 
diff --git a/docs/src/app/(private)/playground/[slug]/page.tsx b/docs/src/app/(private)/playground/[slug]/page.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { type Metadata } from 'next';
 import { notFound } from 'next/navigation';
 import { type Dirent } from 'node:fs';
@@ -29,12 +28,9 @@ export default async function Page(props: Props) {
 }
 
 export async function generateStaticParams() {
-  const routes = (
-    await readdir('src/app/(private)/playground', { withFileTypes: true })
-  )
+  const routes = (await readdir('src/app/(private)/playground', { withFileTypes: true }))
     .filter(
-      (entry: Dirent) =>
-        entry.name.endsWith('.tsx') && entry.name !== 'page.tsx' && entry.isFile(),
+      (entry: Dirent) => entry.name.endsWith('.tsx') && entry.name !== 'page.tsx' && entry.isFile(),
     )
     .map((entry: Dirent) => ({ slug: basename(entry.name, extname(entry.name)) }));
 
diff --git a/docs/src/app/(public)/(content)/react/components/alert-dialog/demos/hero/css-modules/index.tsx b/docs/src/app/(public)/(content)/react/components/alert-dialog/demos/hero/css-modules/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { AlertDialog } from '@base-ui-components/react/alert-dialog';
 import styles from './index.module.css';
 
diff --git a/docs/src/app/(public)/(content)/react/components/alert-dialog/demos/hero/tailwind/index.tsx b/docs/src/app/(public)/(content)/react/components/alert-dialog/demos/hero/tailwind/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { AlertDialog } from '@base-ui-components/react/alert-dialog';
 
 export default function ExampleAlertDialog() {
diff --git a/docs/src/app/(public)/(content)/react/components/avatar/demos/hero/css-modules/index.tsx b/docs/src/app/(public)/(content)/react/components/avatar/demos/hero/css-modules/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Avatar } from '@base-ui-components/react/avatar';
 import styles from './index.module.css';
 
diff --git a/docs/src/app/(public)/(content)/react/components/avatar/demos/hero/tailwind/index.tsx b/docs/src/app/(public)/(content)/react/components/avatar/demos/hero/tailwind/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Avatar } from '@base-ui-components/react/avatar';
 
 export default function ExampleAvatar() {
diff --git a/docs/src/app/(public)/(content)/react/components/context-menu/demos/hero/css-modules/index.tsx b/docs/src/app/(public)/(content)/react/components/context-menu/demos/hero/css-modules/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ContextMenu } from '@base-ui-components/react/context-menu';
 import styles from './index.module.css';
 
diff --git a/docs/src/app/(public)/(content)/react/components/context-menu/demos/hero/tailwind/index.tsx b/docs/src/app/(public)/(content)/react/components/context-menu/demos/hero/tailwind/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ContextMenu } from '@base-ui-components/react/context-menu';
 
 export default function ExampleMenu() {
diff --git a/docs/src/app/(public)/(content)/react/components/dialog/demos/hero/css-modules/index.tsx b/docs/src/app/(public)/(content)/react/components/dialog/demos/hero/css-modules/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Dialog } from '@base-ui-components/react/dialog';
 import styles from './index.module.css';
 
diff --git a/docs/src/app/(public)/(content)/react/components/dialog/demos/hero/tailwind/index.tsx b/docs/src/app/(public)/(content)/react/components/dialog/demos/hero/tailwind/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Dialog } from '@base-ui-components/react/dialog';
 
 export default function ExampleDialog() {
diff --git a/docs/src/app/(public)/(content)/react/components/dialog/demos/nested/css-modules/index.tsx b/docs/src/app/(public)/(content)/react/components/dialog/demos/nested/css-modules/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Dialog } from '@base-ui-components/react/dialog';
 import styles from './index.module.css';
 
diff --git a/docs/src/app/(public)/(content)/react/components/dialog/demos/nested/tailwind/index.tsx b/docs/src/app/(public)/(content)/react/components/dialog/demos/nested/tailwind/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Dialog } from '@base-ui-components/react/dialog';
 
 export default function ExampleDialog() {
diff --git a/docs/src/app/(public)/(content)/react/components/field/demos/hero/css-modules/index.tsx b/docs/src/app/(public)/(content)/react/components/field/demos/hero/css-modules/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Field } from '@base-ui-components/react/field';
 import styles from './index.module.css';
 
diff --git a/docs/src/app/(public)/(content)/react/components/field/demos/hero/tailwind/index.tsx b/docs/src/app/(public)/(content)/react/components/field/demos/hero/tailwind/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Field } from '@base-ui-components/react/field';
 
 export default function ExampleField() {
diff --git a/docs/src/app/(public)/(content)/react/components/fieldset/demos/hero/css-modules/index.tsx b/docs/src/app/(public)/(content)/react/components/fieldset/demos/hero/css-modules/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Field } from '@base-ui-components/react/field';
 import { Fieldset } from '@base-ui-components/react/fieldset';
 import styles from './index.module.css';
diff --git a/docs/src/app/(public)/(content)/react/components/fieldset/demos/hero/tailwind/index.tsx b/docs/src/app/(public)/(content)/react/components/fieldset/demos/hero/tailwind/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Field } from '@base-ui-components/react/field';
 import { Fieldset } from '@base-ui-components/react/fieldset';
 
diff --git a/docs/src/app/(public)/(content)/react/components/input/demos/hero/css-modules/index.tsx b/docs/src/app/(public)/(content)/react/components/input/demos/hero/css-modules/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Input } from '@base-ui-components/react/input';
 import styles from './index.module.css';
 
diff --git a/docs/src/app/(public)/(content)/react/components/input/demos/hero/tailwind/index.tsx b/docs/src/app/(public)/(content)/react/components/input/demos/hero/tailwind/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Input } from '@base-ui-components/react/input';
 
 export default function ExampleInput() {
diff --git a/docs/src/app/(public)/(content)/react/components/meter/demos/hero/css-modules/index.tsx b/docs/src/app/(public)/(content)/react/components/meter/demos/hero/css-modules/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Meter } from '@base-ui-components/react/meter';
 import styles from './index.module.css';
 
diff --git a/docs/src/app/(public)/(content)/react/components/meter/demos/hero/tailwind/index.tsx b/docs/src/app/(public)/(content)/react/components/meter/demos/hero/tailwind/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Meter } from '@base-ui-components/react/meter';
 
 export default function ExampleMeter() {
diff --git a/docs/src/app/(public)/(content)/react/components/radio/demos/hero/css-modules/index.tsx b/docs/src/app/(public)/(content)/react/components/radio/demos/hero/css-modules/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Radio } from '@base-ui-components/react/radio';
 import { RadioGroup } from '@base-ui-components/react/radio-group';
 import styles from './index.module.css';
diff --git a/docs/src/app/(public)/(content)/react/components/radio/demos/hero/tailwind/index.tsx b/docs/src/app/(public)/(content)/react/components/radio/demos/hero/tailwind/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Radio } from '@base-ui-components/react/radio';
 import { RadioGroup } from '@base-ui-components/react/radio-group';
 
diff --git a/docs/src/app/(public)/(content)/react/components/scroll-area/demos/hero/css-modules/index.tsx b/docs/src/app/(public)/(content)/react/components/scroll-area/demos/hero/css-modules/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ScrollArea } from '@base-ui-components/react/scroll-area';
 import styles from './index.module.css';
 
diff --git a/docs/src/app/(public)/(content)/react/components/scroll-area/demos/hero/tailwind/index.tsx b/docs/src/app/(public)/(content)/react/components/scroll-area/demos/hero/tailwind/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ScrollArea } from '@base-ui-components/react/scroll-area';
 
 export default function ExampleScrollArea() {
diff --git a/docs/src/app/(public)/(content)/react/components/separator/demos/hero/css-modules/index.tsx b/docs/src/app/(public)/(content)/react/components/separator/demos/hero/css-modules/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Separator } from '@base-ui-components/react/separator';
 import styles from './index.module.css';
 
diff --git a/docs/src/app/(public)/(content)/react/components/separator/demos/hero/tailwind/index.tsx b/docs/src/app/(public)/(content)/react/components/separator/demos/hero/tailwind/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Separator } from '@base-ui-components/react/separator';
 
 export default function ExampleSeparator() {
diff --git a/docs/src/app/(public)/(content)/react/components/slider/demos/hero/css-modules/index.tsx b/docs/src/app/(public)/(content)/react/components/slider/demos/hero/css-modules/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Slider } from '@base-ui-components/react/slider';
 import styles from './index.module.css';
 
diff --git a/docs/src/app/(public)/(content)/react/components/slider/demos/hero/tailwind/index.tsx b/docs/src/app/(public)/(content)/react/components/slider/demos/hero/tailwind/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Slider } from '@base-ui-components/react/slider';
 
 export default function ExampleSlider() {
diff --git a/docs/src/app/(public)/(content)/react/components/slider/demos/range-slider/css-modules/index.tsx b/docs/src/app/(public)/(content)/react/components/slider/demos/range-slider/css-modules/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Slider } from '@base-ui-components/react/slider';
 import styles from './index.module.css';
 
diff --git a/docs/src/app/(public)/(content)/react/components/slider/demos/range-slider/tailwind/index.tsx b/docs/src/app/(public)/(content)/react/components/slider/demos/range-slider/tailwind/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Slider } from '@base-ui-components/react/slider';
 
 export default function ExampleSlider() {
diff --git a/docs/src/app/(public)/(content)/react/components/switch/demos/hero/css-modules/index.tsx b/docs/src/app/(public)/(content)/react/components/switch/demos/hero/css-modules/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Switch } from '@base-ui-components/react/switch';
 import styles from './index.module.css';
 
diff --git a/docs/src/app/(public)/(content)/react/components/switch/demos/hero/tailwind/index.tsx b/docs/src/app/(public)/(content)/react/components/switch/demos/hero/tailwind/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Switch } from '@base-ui-components/react/switch';
 
 export default function ExampleSwitch() {
diff --git a/docs/src/app/(public)/(content)/react/utils/direction-provider/demos/hero/css-modules/index.tsx b/docs/src/app/(public)/(content)/react/utils/direction-provider/demos/hero/css-modules/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { DirectionProvider } from '@base-ui-components/react/direction-provider';
 import { Slider } from '@base-ui-components/react/slider';
 import styles from './index.module.css';
diff --git a/docs/src/app/(public)/(content)/react/utils/direction-provider/demos/hero/tailwind/index.tsx b/docs/src/app/(public)/(content)/react/utils/direction-provider/demos/hero/tailwind/index.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Slider } from '@base-ui-components/react/slider';
 import { DirectionProvider } from '@base-ui-components/react/direction-provider';
 
diff --git a/docs/src/app/(public)/(content)/react/utils/use-render/demos/render/css-modules/index.tsx b/docs/src/app/(public)/(content)/react/utils/use-render/demos/render/css-modules/index.tsx
@@ -1,5 +1,4 @@
 'use client';
-import * as React from 'react';
 import { useRender } from '@base-ui-components/react/use-render';
 import { mergeProps } from '@base-ui-components/react/merge-props';
 import styles from './index.module.css';
diff --git a/docs/src/app/(public)/careers/design-engineer/page.tsx b/docs/src/app/(public)/careers/design-engineer/page.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import type { Metadata } from 'next';
 import { ArrowRightIcon } from 'docs/src/icons/ArrowRightIcon';
 import { Header } from 'docs/src/components/Header';
diff --git a/docs/src/app/not-found.tsx b/docs/src/app/not-found.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Link } from 'docs/src/components/Link';
 import { ArrowRightIcon } from 'docs/src/icons/ArrowRightIcon';
 import { Logo } from 'docs/src/components/Logo';
diff --git a/docs/src/components/Demo/DemoErrorFallback.tsx b/docs/src/components/Demo/DemoErrorFallback.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { FallbackProps } from 'react-error-boundary';
 
 export function DemoErrorFallback(props: FallbackProps) {
diff --git a/docs/src/components/Demo/DemoPlayground.tsx b/docs/src/components/Demo/DemoPlayground.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import * as BaseDemo from 'docs/src/blocks/Demo';
 import { ErrorBoundary } from 'react-error-boundary';
 import { useDemoContext } from 'docs/src/blocks/Demo/DemoContext';
diff --git a/docs/src/components/Experiments/Input.tsx b/docs/src/components/Experiments/Input.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import clsx from 'clsx';
 import { Input as BaseInput } from '@base-ui-components/react/input';
 import styles from './Input.module.css';
diff --git a/docs/src/components/Header.tsx b/docs/src/components/Header.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import NextLink from 'next/link';
 import { GitHubIcon } from 'docs/src/icons/GitHubIcon';
 import * as MobileNav from './MobileNav';
diff --git a/docs/src/components/ReferenceTable/ReferenceTableTooltip.tsx b/docs/src/components/ReferenceTable/ReferenceTableTooltip.tsx
@@ -1,5 +1,4 @@
 import { Tooltip } from '@base-ui-components/react/tooltip';
-import * as React from 'react';
 import { Popup as BasePopup } from '../Popup';
 
 export function Trigger(props: Tooltip.Trigger.Props) {
diff --git a/docs/src/components/ScrollArea.tsx b/docs/src/components/ScrollArea.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ScrollArea } from '@base-ui-components/react/scroll-area';
 import clsx from 'clsx';
 
diff --git a/docs/src/components/Select.tsx b/docs/src/components/Select.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Select } from '@base-ui-components/react/select';
 import clsx from 'clsx';
 import { ChevronDownIcon } from '../icons/ChevronDownIcon';
diff --git a/docs/src/components/Subtitle/MarkdownLink.tsx b/docs/src/components/Subtitle/MarkdownLink.tsx
@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import { usePathname } from 'next/navigation';
 import { MarkdownIcon } from '../../icons/MarkdownIcon';
 
diff --git a/docs/src/icons/CheckIcon.tsx b/docs/src/icons/CheckIcon.tsx
@@ -1,5 +1,3 @@
-import * as React from 'react';
-
 export function CheckIcon() {
   return (
     <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
diff --git a/docs/src/icons/CopyIcon.tsx b/docs/src/icons/CopyIcon.tsx
@@ -1,5 +1,3 @@
-import * as React from 'react';
-
 export function CopyIcon() {
   return (
     <svg
diff --git a/eslint.config.mjs b/eslint.config.mjs
@@ -74,6 +74,7 @@ export default defineConfig(
 
       // This rule doesn't recognise <label> wrapped around custom controls
       'jsx-a11y/label-has-associated-control': 'off',
+      'react/react-in-jsx-scope': 'off',
     },
   },
   {
diff --git a/packages/react/tsconfig.build.json b/packages/react/tsconfig.build.json
@@ -10,7 +10,6 @@
     "moduleResolution": "bundler",
     "noEmit": false,
     "rootDir": "./src",
-    "jsx": "react-jsx",
     "outDir": "build"
   },
   "include": ["src/**/*.ts*"],
diff --git a/tsconfig.base.json b/tsconfig.base.json
@@ -13,6 +13,7 @@
     "allowJs": true,
     "skipLibCheck": true,
     "allowImportingTsExtensions": true,
+    "jsx": "react-jsx",
     "paths": {
       "@base-ui-components/react": ["./packages/react/src"],
       "@base-ui-components/react/*": ["./packages/react/src/*"],

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-import * as React from 'react';`
`2`	`1`	`import { type Metadata } from 'next';`
`3`	`2`	`import { notFound } from 'next/navigation';`
`4`	`3`	`import { dirname, resolve } from 'node:path';`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-import * as React from 'react';`
`2`	`1`	`import { Popover } from '@base-ui-components/react/popover';`
`3`	`2`	`import classes from './anchor-side-animations.module.css';`
`4`	`3`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,4 @@`
`1`	`1`	`'use client';`
`2`		`-import * as React from 'react';`
`3`	`2`	`import { Collapsible } from '@base-ui-components/react/collapsible';`
`4`	`3`	`import { ChevronIcon } from './_icons';`
`5`	`4`	`import styles from './animations.module.css';`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-import * as React from 'react';`
`2`	`1`	`import { Dialog } from '@base-ui-components/react/dialog';`
`3`	`2`	`import styles from './mobile-scroll-lock.module.css';`
`4`	`3`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-import * as React from 'react';`
`2`	`1`	`import clsx from 'clsx';`
`3`	`2`	`import { Sidebar } from 'docs/src/components/Experiments/Sidebar';`
`4`	`3`	`import classes from 'docs/src/components/Experiments/ExperimentRoot.module.css';`