[SG-33302] Upgrade all client packages to use the latest version of the JSX transform (#34287)

Co-authored-by: gitstart-sourcegraph <gitstart@users.noreply.github.com>

.eslintrc.js

@@ -140,6 +140,9 @@ See https://handbook.sourcegraph.com/community/faq#is-all-of-sourcegraph-open-so
           'Consider using useTemporarySetting instead of useLocalStorage so settings are synced when users log in elsewhere. More info at https://docs.sourcegraph.com/dev/background-information/web/temporary_settings',
       },
     ],
+    // https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html#eslint
+    'react/jsx-uses-react': 'off',
+    'react/react-in-jsx-scope': 'off',
   },
   overrides: [
     {

babel.config.js

@@ -48,7 +48,12 @@ module.exports = api => {
         },
       ],
       '@babel/preset-typescript',
-      '@babel/preset-react',
+      [
+        '@babel/preset-react',
+        {
+          runtime: 'automatic',
+        },
+      ],
     ],
     plugins: [['@babel/plugin-transform-typescript', { isTSX: true }], 'babel-plugin-lodash'],
     // Required for d3-array v1.2 (dependency of recharts). See https://github.com/babel/babel/issues/11038

client/branded/src/components/LoaderInput.story.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { boolean } from '@storybook/addon-knobs'
 import { DecoratorFn, Meta, Story } from '@storybook/react'
 

client/branded/src/components/LoaderInput.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { render } from '@testing-library/react'
 
 import { LoaderInput } from './LoaderInput'

client/branded/src/components/Toggle.story.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import { useState } from 'react'
 
 import { action } from '@storybook/addon-actions'
 import { DecoratorFn, Meta, Story } from '@storybook/react'

client/branded/src/components/Toggle.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import sinon from 'sinon'

client/branded/src/components/ToggleBig.story.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import { useState } from 'react'
 
 import { action } from '@storybook/addon-actions'
 import { DecoratorFn, Meta, Story } from '@storybook/react'

client/branded/src/components/ToggleBig.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import sinon from 'sinon'

client/branded/src/components/alerts.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { render } from '@testing-library/react'
 
 import { ErrorAlert } from './alerts'

client/branded/src/components/panel/TabbedPanelContent.story.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { DecoratorFn, Meta, Story } from '@storybook/react'
 import { noop } from 'lodash'
 import { EMPTY, of } from 'rxjs'

client/branded/src/components/panel/TabbedPanelContent.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { cleanup, fireEvent } from '@testing-library/react'
 
 import { renderWithBrandedContext } from '@sourcegraph/shared/src/testing'

client/branded/src/components/panel/views/HierarchicalLocationsView.story.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { DecoratorFn, Meta, Story } from '@storybook/react'
 import * as H from 'history'
 import { of } from 'rxjs'

client/branded/src/components/panel/views/HierarchicalLocationsView.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { render } from '@testing-library/react'
 import * as H from 'history'
 import { noop } from 'lodash'

client/branded/src/global-styles/GlobalStylesStory/GlobalStyles.story.tsx

@@ -2,7 +2,7 @@
 // documentation of all the Bootstrap classes we have available in our app, please see refer to the Bootstrap
 // documentation for that. Its primary purpose is to show what Bootstrap's componenents look like with our styling
 // customizations.
-import React, { useState } from 'react'
+import { useState } from 'react'
 
 import { action } from '@storybook/addon-actions'
 import { number } from '@storybook/addon-knobs'

client/branded/tsconfig.json

@@ -1,7 +1,7 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "jsx": "react",
+    "jsx": "react-jsx",
     "module": "esnext",
     "sourceRoot": "src",
     "baseUrl": ".",

client/browser/src/browser-extension/ThemeWrapper.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useState } from 'react'
+import { useEffect, useMemo, useState } from 'react'
 
 import { ThemeProps } from '@sourcegraph/shared/src/theme'
 

client/browser/src/browser-extension/after-install-page/AfterInstallPageContent.story.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { Meta, Story } from '@storybook/react'
 
 import { BrandedStory } from '@sourcegraph/branded/src/components/BrandedStory'

client/browser/src/shared/code-hosts/github/codeHost.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import classNames from 'classnames'
 import { trimStart } from 'lodash'
 import { render } from 'react-dom'

client/browser/src/shared/code-hosts/shared/ViewOnSourcegraphButton.test.tsx

@@ -1,5 +1,3 @@
-import * as React from 'react'
-
 import { render } from '@testing-library/react'
 import { noop } from 'lodash'
 

client/browser/src/shared/code-hosts/shared/extensions.tsx

@@ -1,5 +1,3 @@
-import * as React from 'react'
-
 import classNames from 'classnames'
 import * as H from 'history'
 import { isEqual } from 'lodash'

client/browser/tsconfig.json

@@ -15,7 +15,7 @@
     "paths": {
       "*": ["src/types/*", "../shared/src/types/*", "../common/src/types/*", "*"],
     },
-    "jsx": "react",
+    "jsx": "react-jsx",
     "resolveJsonModule": true,
     "rootDir": ".",
     "outDir": "out",

client/client-api/tsconfig.json

@@ -2,7 +2,7 @@
   "extends": "../../tsconfig.json",
   "references": [{ "path": "../common" }],
   "compilerOptions": {
-    "jsx": "react",
+    "jsx": "react-jsx",
     "module": "commonjs",
     "sourceRoot": "src",
     "rootDir": ".",

client/search-ui/src/components/SyntaxHighlightedSearchQuery.story.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { storiesOf } from '@storybook/react'
 
 import { BrandedStory } from '@sourcegraph/branded/src/components/BrandedStory'

client/search-ui/src/components/SyntaxHighlightedSearchQuery.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { render } from '@testing-library/react'
 
 import { SyntaxHighlightedSearchQuery } from './SyntaxHighlightedSearchQuery'

client/search-ui/src/input/LazyMonacoQueryInput.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { render } from '@testing-library/react'
 import { noop } from 'lodash'
 

client/search-ui/src/input/MonacoQueryInput.story.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { storiesOf } from '@storybook/react'
 
 import { BrandedStory } from '@sourcegraph/branded/src/components/BrandedStory'

client/search-ui/src/input/SearchBox.story.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { storiesOf } from '@storybook/react'
 
 import { BrandedStory } from '@sourcegraph/branded/src/components/BrandedStory'

client/search-ui/src/input/SearchContextCtaPrompt.story.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { storiesOf } from '@storybook/react'
 
 import { BrandedStory } from '@sourcegraph/branded/src/components/BrandedStory'

client/search-ui/src/input/SearchContextDropdown.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import { act } from 'react-dom/test-utils'

client/search-ui/src/input/SearchContextMenu.story.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { storiesOf } from '@storybook/react'
 import { Observable, of } from 'rxjs'
 

client/search-ui/src/input/SearchContextMenu.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import { act } from 'react-dom/test-utils'

client/search-ui/src/input/SearchContextMenuItem.story.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { storiesOf } from '@storybook/react'
 import { noop } from 'lodash'
 

client/search-ui/src/input/toggles/Toggles.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { screen } from '@testing-library/react'
 
 import { SearchPatternType } from '@sourcegraph/shared/src/schema'

client/search-ui/src/results/progress/StreamingProgress.story.tsx

@@ -1,5 +1,3 @@
-import * as React from 'react'
-
 import { storiesOf } from '@storybook/react'
 import sinon from 'sinon'
 

client/search-ui/src/results/progress/StreamingProgressCount.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { render } from '@testing-library/react'
 
 import { Progress } from '@sourcegraph/shared/src/search/stream'

client/search-ui/src/results/progress/StreamingProgressSkippedButton.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import sinon from 'sinon'

client/search-ui/src/results/progress/StreamingProgressSkippedPopover.story.tsx

@@ -1,5 +1,3 @@
-import * as React from 'react'
-
 import { storiesOf } from '@storybook/react'
 
 import { BrandedStory } from '@sourcegraph/branded/src/components/BrandedStory'

client/search-ui/src/results/progress/StreamingProgressSkippedPopover.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { screen, within } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import sinon from 'sinon'

client/search-ui/src/results/sidebar/FilterLink.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import sinon from 'sinon'

client/search-ui/src/results/sidebar/QuickLink.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { QuickLink } from '@sourcegraph/shared/src/schema/settings.schema'
 import { renderWithBrandedContext } from '@sourcegraph/shared/src/testing'
 

client/search-ui/src/results/sidebar/SearchSidebar.story.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { storiesOf } from '@storybook/react'
 // We need to import `create` to make a mock store just for this story.
 // eslint-disable-next-line no-restricted-imports

client/search-ui/src/results/sidebar/SearchSidebarSection.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import sinon from 'sinon'

client/search-ui/tsconfig.json

@@ -6,7 +6,7 @@
     "rootDir": ".",
     "outDir": "./out",
     "baseUrl": "./src",
-    "jsx": "react",
+    "jsx": "react-jsx",
   },
   "include": ["./src/**/*", "./*.ts"],
   "exclude": ["../../node_modules", "./node_modules", "./out"],

client/search/tsconfig.json

@@ -6,7 +6,7 @@
     "rootDir": ".",
     "outDir": "./out",
     "baseUrl": "./src",
-    "jsx": "react",
+    "jsx": "react-jsx",
   },
   "include": ["./src/**/*", "./*.ts"],
   "exclude": ["../../node_modules", "./node_modules", "./out"],

client/shared/src/actions/ActionItem.story.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { action } from '@storybook/addon-actions'
 import { DecoratorFn, Meta, Story } from '@storybook/react'
 import * as H from 'history'

client/shared/src/actions/ActionItem.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import * as H from 'history'

client/shared/src/actions/ActionsNavItems.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { render, act, RenderResult } from '@testing-library/react'
 import * as H from 'history'
 import { of, NEVER } from 'rxjs'

client/shared/src/components/CtaAlert.story.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { DecoratorFn, Meta, Story } from '@storybook/react'
 
 // eslint-disable-next-line no-restricted-imports

client/shared/src/components/FileMatch.test.tsx

@@ -1,5 +1,3 @@
-import * as React from 'react'
-
 import { cleanup, getAllByTestId, getByTestId } from '@testing-library/react'
 import { createBrowserHistory } from 'history'
 import FileIcon from 'mdi-react/FileIcon'

client/shared/src/components/FileMatchChildren.test.tsx

@@ -1,5 +1,3 @@
-import * as React from 'react'
-
 import { cleanup } from '@testing-library/react'
 import * as H from 'history'
 import _VisibilitySensor from 'react-visibility-sensor'

client/shared/src/components/HighlightedMatches.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { render } from '@testing-library/react'
 
 import { fuzzyMatches, HighlightedMatches, Span } from './HighlightedMatches'

client/shared/src/components/LinkOrSpan.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { render } from '@testing-library/react'
 
 import { LinkOrSpan } from './LinkOrSpan'

client/shared/src/components/Markdown.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { render } from '@testing-library/react'
 
 import { Markdown } from './Markdown'

client/shared/src/components/Path.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { render } from '@testing-library/react'
 
 import { Path } from './Path'

client/shared/src/components/RepoFileLink.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { renderWithBrandedContext } from '../testing'
 
 import { RepoFileLink } from './RepoFileLink'

client/shared/src/components/RepoLink.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { render } from '@testing-library/react'
 
 import { RepoLink } from './RepoLink'

client/shared/src/components/ResultContainer.test.tsx

@@ -1,5 +1,3 @@
-import * as React from 'react'
-
 import { cleanup, fireEvent, getByTestId, getByText } from '@testing-library/react'
 import * as H from 'history'
 import FileIcon from 'mdi-react/FileIcon'

client/shared/src/components/activation/ActivationChecklist.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { renderWithBrandedContext } from '../../testing'
 
 import { ActivationChecklist } from './ActivationChecklist'

client/shared/src/components/utils/linkClickHandler.test.tsx

@@ -1,7 +1,5 @@
 import assert from 'assert'
 
-import React from 'react'
-
 import { createMemoryHistory } from 'history'
 import ReactDOM from 'react-dom'
 import * as sinon from 'sinon'

client/shared/src/hover/HoverOverlay.story.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import bitbucketStyles from '@atlassian/aui/dist/aui/css/aui.css'
 import { DecoratorFn, Meta, Story } from '@storybook/react'
 import classNames from 'classnames'

client/shared/src/hover/HoverOverlay.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { render } from '@testing-library/react'
 import * as H from 'history'
 import { NEVER } from 'rxjs'

client/shared/src/keyboardShortcuts/KeyboardShortcutsHelp.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { ShortcutProvider } from '@slimsag/react-shortcuts'
 import { fireEvent, waitFor, screen } from '@testing-library/react'
 

client/shared/src/notifications/NotificationItem.story.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { action } from '@storybook/addon-actions'
 import { number, select, text } from '@storybook/addon-knobs'
 import { DecoratorFn, Meta, Story } from '@storybook/react'

client/shared/src/settings/temporary/useTemporarySetting.test.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react'
+import { useEffect } from 'react'
 
 import { gql } from '@apollo/client'
 import { createMockClient } from '@apollo/client/testing'

client/shared/src/testing/render-with-branded-context.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react'
+import { ReactNode } from 'react'
 
 import { RenderResult, render } from '@testing-library/react'
 import { MemoryHistory, createMemoryHistory } from 'history'

client/shared/tsconfig.json

@@ -1,7 +1,7 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "jsx": "react",
+    "jsx": "react-jsx",
     "module": "esnext",
     "sourceRoot": "src",
     "baseUrl": ".",

client/storybook/tsconfig.json

@@ -6,7 +6,7 @@
     "rootDir": ".",
     "outDir": "./out",
     "baseUrl": "./src",
-    "jsx": "react",
+    "jsx": "react-jsx",
   },
   "references": [{ "path": "../shared" }, { "path": "../build-config" }, { "path": "../http-client" }],
   "include": ["./src/**/*", "./*.ts"],

client/vscode/tsconfig.json

@@ -13,7 +13,7 @@
     "esModuleInterop": true,
     "resolveJsonModule": true,
     "strict": true,
-    "jsx": "react",
+    "jsx": "react-jsx",
   },
   "references": [
     { "path": "../shared" },

client/web/src/IdeExtensionTracker.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { cleanup, render } from '@testing-library/react'
 import { MemoryRouter } from 'react-router-dom'
 

client/web/src/Layout.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { render } from '@testing-library/react'
 import { createBrowserHistory } from 'history'
 import { BrowserRouter } from 'react-router-dom'

client/web/src/auth/CloudSignUpPage.story.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { storiesOf } from '@storybook/react'
 import sinon from 'sinon'
 

client/web/src/auth/OrDivider.story.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { storiesOf } from '@storybook/react'
 
 import { Card } from '@sourcegraph/wildcard'

client/web/src/auth/SignInPage.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { createMemoryHistory, createLocation } from 'history'
 import { MemoryRouter } from 'react-router'
 

client/web/src/auth/SignUpPage.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { createMemoryHistory, createLocation } from 'history'
 import { MemoryRouter } from 'react-router'
 

client/web/src/auth/Steps/Steps.story.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { Meta, Story } from '@storybook/react'
 
 import { BrandedStory } from '@sourcegraph/branded/src/components/BrandedStory'

client/web/src/auth/Steps/Steps.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { render, RenderResult, cleanup } from '@testing-library/react'
 import sinon from 'sinon'
 

client/web/src/auth/TosConsentModal.story.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { storiesOf } from '@storybook/react'
 
 import { WebStory } from '../components/WebStory'

client/web/src/auth/TosConsentModal.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { MockedProvider } from '@apollo/client/testing'
 import { fireEvent, render } from '@testing-library/react'
 import * as sinon from 'sinon'

client/web/src/batches/RepoBatchChangesButton.story.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { number } from '@storybook/addon-knobs'
 import { storiesOf } from '@storybook/react'
 import { of } from 'rxjs'

client/web/src/batches/RepoBatchChangesButton.tsx

@@ -1,4 +1,4 @@
-import React, { FC, useMemo } from 'react'
+import { FC, useMemo } from 'react'
 
 import { encodeURIPathComponent } from '@sourcegraph/common'
 import { Badge, useObservable, Button, Link, Icon } from '@sourcegraph/wildcard'

client/web/src/charts/components/line-chart/LineChart.story.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import { useState } from 'react'
 
 import { Meta, Story } from '@storybook/react'
 import { ParentSize } from '@visx/responsive'

client/web/src/charts/components/line-chart/LineChart.tsx

@@ -1,4 +1,4 @@
-import React, { ReactElement, useMemo, useState, SVGProps } from 'react'
+import { ReactElement, useMemo, useState, SVGProps } from 'react'
 
 import { curveLinear } from '@visx/curve'
 import { Group } from '@visx/group'

client/web/src/charts/components/line-chart/components/axis/Axis.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef, memo } from 'react'
+import { forwardRef, memo } from 'react'
 
 import { AxisLeft as VisxAxisLeft, AxisBottom as VisxAsixBottom } from '@visx/axis'
 import { AxisScale } from '@visx/axis/lib/types'

client/web/src/charts/components/line-chart/components/tooltip/TooltipContent.story.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { Meta, Story } from '@storybook/react'
 
 import { WebStory } from '../../../../../components/WebStory'

client/web/src/charts/components/line-chart/components/tooltip/TooltipContent.tsx

@@ -1,4 +1,4 @@
-import React, { ReactElement, useMemo } from 'react'
+import { ReactElement, useMemo } from 'react'
 
 import { isDefined } from '@sourcegraph/common'
 

client/web/src/charts/components/pie-chart/PieChart.story.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { Meta, Story } from '@storybook/react'
 
 import { WebStory } from '../../../components/WebStory'

client/web/src/charts/components/pie-chart/PieChart.tsx

@@ -1,4 +1,4 @@
-import React, { ReactElement, SVGProps, useMemo, useState } from 'react'
+import { ReactElement, SVGProps, useMemo, useState } from 'react'
 
 import { Group } from '@visx/group'
 import Pie, { PieArcDatum } from '@visx/shape/lib/shapes/Pie'

client/web/src/charts/components/pie-chart/components/PieArc.tsx

@@ -1,4 +1,4 @@
-import React, { PointerEventHandler, ReactElement } from 'react'
+import { PointerEventHandler, ReactElement } from 'react'
 
 import { Annotation, HtmlLabel, Connector } from '@visx/annotation'
 import { Group } from '@visx/group'

client/web/src/codeintel/RepositoryMenu.story.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { storiesOf } from '@storybook/react'
 
 import { WebStory } from '../components/WebStory'

client/web/src/communitySearchContexts/CommunitySearchContextPage.story.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { action } from '@storybook/addon-actions'
 import { storiesOf } from '@storybook/react'
 import { subDays } from 'date-fns'

client/web/src/communitySearchContexts/routes.tsx

@@ -1,5 +1,3 @@
-import * as React from 'react'
-
 import { lazyComponent } from '@sourcegraph/shared/src/util/lazyComponent'
 
 import { LayoutRouteProps } from '../routes'

client/web/src/components/ActivationDropdown/ActivationDropdown.story.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { action } from '@storybook/addon-actions'
 import { boolean } from '@storybook/addon-knobs'
 import { DecoratorFn, Meta, Story } from '@storybook/react'

client/web/src/components/ActivationDropdown/ActivationDropdown.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { render } from '@testing-library/react'
 import * as H from 'history'
 import sinon from 'sinon'

client/web/src/components/Breadcrumbs.story.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { storiesOf } from '@storybook/react'
 
 import { Link } from '@sourcegraph/wildcard'

client/web/src/components/DismissibleAlert/DismissibleAlert.story.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { storiesOf } from '@storybook/react'
 
 import { Link } from '@sourcegraph/wildcard'

client/web/src/components/FilteredConnection/FilteredConnection.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react'
 import { createLocation } from 'history'
 import sinon from 'sinon'

client/web/src/components/FilteredConnection/hooks/useConnection.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { MockedResponse } from '@apollo/client/testing'
 import { fireEvent } from '@testing-library/react'
 

client/web/src/components/FilteredConnection/ui/ConnectionSummary.tsx

@@ -1,5 +1,3 @@
-import * as React from 'react'
-
 import classNames from 'classnames'
 
 import { pluralize } from '@sourcegraph/common'

client/web/src/components/LoaderButton.story.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { storiesOf } from '@storybook/react'
 
 import { LoaderButton } from './LoaderButton'

client/web/src/components/LoaderButton.test.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { renderWithBrandedContext } from '@sourcegraph/shared/src/testing'
 
 import { LoaderButton } from './LoaderButton'