Remove unnecessary React imports from view code

extensions/ql-vscode/src/view/common/Alert.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { ReactNode } from "react";
 import { styled } from "styled-components";
 

extensions/ql-vscode/src/view/common/CodePaths/CodeFlowsDropdown.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { ChangeEvent, SetStateAction, useCallback } from "react";
 import { VSCodeDropdown, VSCodeOption } from "@vscode/webview-ui-toolkit/react";
 

extensions/ql-vscode/src/view/common/CodePaths/CodePath.tsx

@@ -1,5 +1,3 @@
-import * as React from "react";
-
 import {
   AnalysisMessage,
   CodeFlow,

extensions/ql-vscode/src/view/common/CodePaths/CodePaths.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { styled } from "styled-components";
 import { VSCodeLink } from "@vscode/webview-ui-toolkit/react";
 

extensions/ql-vscode/src/view/common/CodePaths/ThreadPath.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { styled } from "styled-components";
 import { VSCodeTag } from "@vscode/webview-ui-toolkit/react";
 

extensions/ql-vscode/src/view/common/CodePaths/__tests__/CodePaths.spec.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { render as reactRender, screen } from "@testing-library/react";
 import { userEvent } from "@testing-library/user-event";
 import { CodePaths, CodePathsProps } from "../CodePaths";

extensions/ql-vscode/src/view/common/DataGrid.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { ReactNode, forwardRef } from "react";
 import { styled } from "styled-components";
 

extensions/ql-vscode/src/view/common/DeterminateProgressRing.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { styled } from "styled-components";
 
 type Props = {

extensions/ql-vscode/src/view/common/Dropdown.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { ChangeEvent } from "react";
 import { styled } from "styled-components";
 

extensions/ql-vscode/src/view/common/FileCodeSnippet/CodeSnippetCode.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { styled } from "styled-components";
 
 import { HighlightedRegion } from "../../../variant-analysis/shared/analysis-result";

extensions/ql-vscode/src/view/common/FileCodeSnippet/CodeSnippetLine.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { styled } from "styled-components";
 
 import {

extensions/ql-vscode/src/view/common/FileCodeSnippet/CodeSnippetMessage.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { styled } from "styled-components";
 import { VSCodeLink } from "@vscode/webview-ui-toolkit/react";
 

extensions/ql-vscode/src/view/common/FileCodeSnippet/FileCodeSnippet.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { styled } from "styled-components";
 import { VSCodeLink } from "@vscode/webview-ui-toolkit/react";
 

extensions/ql-vscode/src/view/common/RawNumberValue.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { styled } from "styled-components";
 import { formatDecimal } from "../../common/number";
 

extensions/ql-vscode/src/view/common/ReadonlyDropdown.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { useMemo } from "react";
 import { Dropdown } from "./Dropdown";
 

extensions/ql-vscode/src/view/common/StarCount.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { styled } from "styled-components";
 import { Codicon } from "./icon";
 

extensions/ql-vscode/src/view/common/TextButton.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { styled } from "styled-components";
 
 type Size = "x-small" | "small" | "medium" | "large" | "x-large";

extensions/ql-vscode/src/view/common/__tests__/Alert.spec.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { render, screen } from "@testing-library/react";
 import { Alert } from "../Alert";
 

extensions/ql-vscode/src/view/common/__tests__/StarCount.spec.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { render, screen } from "@testing-library/react";
 
 import StarCount from "../StarCount";

extensions/ql-vscode/src/view/common/icon/Codicon.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { styled } from "styled-components";
 
 type Props = {

extensions/ql-vscode/src/view/common/icon/ErrorIcon.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { styled } from "styled-components";
 import { Codicon } from "./Codicon";
 

extensions/ql-vscode/src/view/common/icon/LoadingIcon.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { Codicon } from "./Codicon";
 
 type Props = {

extensions/ql-vscode/src/view/common/icon/SuccessIcon.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { styled } from "styled-components";
 import { Codicon } from "./Codicon";
 

extensions/ql-vscode/src/view/common/icon/WarningIcon.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { styled } from "styled-components";
 import { Codicon } from "./Codicon";
 

extensions/ql-vscode/src/view/compare/Compare.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { useState, useEffect } from "react";
 import { styled } from "styled-components";
 

extensions/ql-vscode/src/view/compare/CompareSelector.tsx

@@ -1,5 +1,3 @@
-import * as React from "react";
-
 interface Props {
   availableResultSets: string[];
   currentResultSetName: string;

extensions/ql-vscode/src/view/compare/CompareTable.tsx

@@ -1,5 +1,3 @@
-import * as React from "react";
-
 import {
   SetComparisonQueryInfoMessage,
   SetComparisonsMessage,

extensions/ql-vscode/src/view/compare/InterpretedCompareResultTable.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import * as sarif from "sarif";
 import { AlertTable } from "../results/AlertTable";
 

extensions/ql-vscode/src/view/compare/RawCompareResultTable.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { sendTelemetry } from "../common/telemetry";
 import { Column, Row } from "../../common/raw-result-types";
 import RawTableHeader from "../results/RawTableHeader";

extensions/ql-vscode/src/view/compare/index.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { WebviewDefinition } from "../webview-definition";
 import { Compare } from "./Compare";
 

extensions/ql-vscode/src/view/data-flow-paths/DataFlowPaths.tsx

@@ -1,6 +1,5 @@
-import * as React from "react";
 import { styled } from "styled-components";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 
 import { useTelemetryOnChange } from "../common/telemetry";
 import { CodeFlowsDropdown } from "../common/CodePaths/CodeFlowsDropdown";
@@ -41,7 +40,7 @@ export const DataFlowPaths = ({
 
   const { codeFlows, ruleDescription, message, severity } = dataFlowPaths;
 
-  React.useEffect(() => {
+  useEffect(() => {
     // Make sure to update the selected code flow if the data flow paths change
     setSelectedCodeFlow(dataFlowPaths.codeFlows[0]);
   }, [dataFlowPaths]);

extensions/ql-vscode/src/view/data-flow-paths/DataFlowPathsView.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { useEffect, useState } from "react";
 import { ToDataFlowPathsMessage } from "../../common/interface-types";
 import { DataFlowPaths as DataFlowPathsDomainModel } from "../../variant-analysis/shared/data-flow-paths";

extensions/ql-vscode/src/view/data-flow-paths/__tests__/DataFlowPaths.spec.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { render as reactRender, screen } from "@testing-library/react";
 import { DataFlowPaths, DataFlowPathsProps } from "../DataFlowPaths";
 import { createMockDataFlowPaths } from "../../../../test/factories/variant-analysis/shared/data-flow-paths";

extensions/ql-vscode/src/view/data-flow-paths/__tests__/DataFlowPathsView.spec.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { render as reactRender, screen } from "@testing-library/react";
 import {
   DataFlowPathsView,

extensions/ql-vscode/src/view/data-flow-paths/index.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { WebviewDefinition } from "../webview-definition";
 import { DataFlowPathsView } from "./DataFlowPathsView";
 

extensions/ql-vscode/src/view/method-modeling/MethodAlreadyModeled.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { ResponsiveContainer } from "../common/ResponsiveContainer";
 
 export const MethodAlreadyModeled = () => {

extensions/ql-vscode/src/view/method-modeling/MethodModeling.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { styled } from "styled-components";
 import { ModelingStatus } from "../../model-editor/shared/modeling-status";
 import { ModelingStatusIndicator } from "../model-editor/ModelingStatusIndicator";

extensions/ql-vscode/src/view/method-modeling/MethodModelingInputs.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { styled } from "styled-components";
 import { Method } from "../../model-editor/method";
 import { ModeledMethod } from "../../model-editor/modeled-method";

extensions/ql-vscode/src/view/method-modeling/MethodModelingView.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { useEffect, useMemo, useState } from "react";
 import { MethodModeling } from "./MethodModeling";
 import { getModelingStatus } from "../../model-editor/shared/modeling-status";

extensions/ql-vscode/src/view/method-modeling/ModeledMethodAlert.tsx

@@ -1,7 +1,6 @@
 import { ModeledMethodValidationError } from "../../model-editor/shared/validation";
 import TextButton from "../common/TextButton";
 import { Alert } from "../common";
-import * as React from "react";
 import { useCallback } from "react";
 
 type Props = {

extensions/ql-vscode/src/view/method-modeling/MultipleModeledMethodsPanel.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Method } from "../../model-editor/method";
 import { ModeledMethod } from "../../model-editor/modeled-method";

extensions/ql-vscode/src/view/method-modeling/NoMethodSelected.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { ResponsiveContainer } from "../common/ResponsiveContainer";
 
 export const NoMethodSelected = () => {

extensions/ql-vscode/src/view/method-modeling/NotInModelingMode.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { useCallback } from "react";
 import { vscode } from "../vscode-api";
 import { styled } from "styled-components";

extensions/ql-vscode/src/view/method-modeling/ReviewInEditorButton.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { useCallback } from "react";
 import { styled } from "styled-components";
 import { vscode } from "../vscode-api";

extensions/ql-vscode/src/view/method-modeling/__tests__/MethodModeling.spec.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { render as reactRender, screen } from "@testing-library/react";
 import { MethodModeling, MethodModelingProps } from "../MethodModeling";
 import { createMethod } from "../../../../test/factories/model-editor/method-factories";

extensions/ql-vscode/src/view/method-modeling/__tests__/MethodModelingInputs.spec.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { render as reactRender, screen } from "@testing-library/react";
 import { userEvent } from "@testing-library/user-event";
 import {

extensions/ql-vscode/src/view/method-modeling/__tests__/MultipleModeledMethodsPanel.spec.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { render as reactRender, screen, waitFor } from "@testing-library/react";
 import { createMethod } from "../../../../test/factories/model-editor/method-factories";
 import {

extensions/ql-vscode/src/view/method-modeling/index.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { WebviewDefinition } from "../webview-definition";
 import { MethodModelingView } from "./MethodModelingView";
 

extensions/ql-vscode/src/view/model-editor/HiddenMethodsRow.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { styled } from "styled-components";
 import { pluralize } from "../../common/word";
 import { DataGridCell, DataGridRow } from "../common/DataGrid";

extensions/ql-vscode/src/view/model-editor/InProgressDropdown.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { styled } from "styled-components";
 import { Dropdown } from "../common/Dropdown";
 

extensions/ql-vscode/src/view/model-editor/LibraryRow.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { styled } from "styled-components";
 import { Method } from "../../model-editor/method";

extensions/ql-vscode/src/view/model-editor/MethodClassifications.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { useMemo } from "react";
 import { CallClassification, Method } from "../../model-editor/method";
 import { VSCodeTag } from "@vscode/webview-ui-toolkit/react";

extensions/ql-vscode/src/view/model-editor/MethodName.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { styled } from "styled-components";
 import { Method } from "../../model-editor/method";
 

extensions/ql-vscode/src/view/model-editor/MethodRow.tsx

@@ -3,7 +3,6 @@ import {
   VSCodeLink,
   VSCodeProgressRing,
 } from "@vscode/webview-ui-toolkit/react";
-import * as React from "react";
 import {
   forwardRef,
   useCallback,

extensions/ql-vscode/src/view/model-editor/ModelEditor.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { ToModelEditorMessage } from "../../common/interface-types";
 import {

extensions/ql-vscode/src/view/model-editor/ModelInputDropdown.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { ChangeEvent, useCallback, useMemo } from "react";
 import {
   ModeledMethod,

extensions/ql-vscode/src/view/model-editor/ModelKindDropdown.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { ChangeEvent, useCallback, useEffect, useMemo } from "react";
 import {
   ModeledMethod,

extensions/ql-vscode/src/view/model-editor/ModelOutputDropdown.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { ChangeEvent, useCallback, useMemo } from "react";
 import {
   ModeledMethod,

extensions/ql-vscode/src/view/model-editor/ModelTypeDropdown.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { ChangeEvent, useCallback } from "react";
 import {
   calculateNewProvenance,

extensions/ql-vscode/src/view/model-editor/ModeledMethodDataGrid.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { MethodRow } from "./MethodRow";
 import { Method, canMethodBeModeled } from "../../model-editor/method";
 import { ModeledMethod } from "../../model-editor/modeled-method";

extensions/ql-vscode/src/view/model-editor/ModeledMethodsList.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { useMemo } from "react";
 import { Method } from "../../model-editor/method";
 import { ModeledMethod } from "../../model-editor/modeled-method";

extensions/ql-vscode/src/view/model-editor/ModelingStatusIndicator.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { assertNever } from "../../common/helpers-pure";
 import { Codicon } from "../common/icon/Codicon";
 import { ModelingStatus } from "../../model-editor/shared/modeling-status";

extensions/ql-vscode/src/view/model-editor/__tests__/HiddenMethodsRow.spec.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { render, screen } from "@testing-library/react";
 import { HiddenMethodsRow } from "../HiddenMethodsRow";
 

extensions/ql-vscode/src/view/model-editor/__tests__/LibraryRow.spec.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { render as reactRender, screen } from "@testing-library/react";
 import { createMethod } from "../../../../test/factories/model-editor/method-factories";
 import { LibraryRow, LibraryRowProps } from "../LibraryRow";

extensions/ql-vscode/src/view/model-editor/__tests__/MethodName.spec.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { render as reactRender, screen } from "@testing-library/react";
 import { MethodName } from "../MethodName";
 import { Method } from "../../../model-editor/method";

extensions/ql-vscode/src/view/model-editor/__tests__/MethodRow.spec.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import {
   getAllByRole,
   render as reactRender,

extensions/ql-vscode/src/view/model-editor/__tests__/ModelKindDropdown.spec.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { render, screen } from "@testing-library/react";
 import { ModelKindDropdown } from "../ModelKindDropdown";
 import { userEvent } from "@testing-library/user-event";

extensions/ql-vscode/src/view/model-editor/__tests__/ModeledMethodDataGrid.spec.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { render as reactRender, screen } from "@testing-library/react";
 import { createMethod } from "../../../../test/factories/model-editor/method-factories";
 import {

extensions/ql-vscode/src/view/model-editor/__tests__/ModeledMethodsList.spec.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { render as reactRender, screen } from "@testing-library/react";
 import { createMethod } from "../../../../test/factories/model-editor/method-factories";
 import {

extensions/ql-vscode/src/view/model-editor/__tests__/ModelingStatusIndicator.spec.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { render, screen } from "@testing-library/react";
 import { ModelingStatusIndicator } from "../ModelingStatusIndicator";
 

extensions/ql-vscode/src/view/model-editor/index.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { WebviewDefinition } from "../webview-definition";
 import { ModelEditor } from "./ModelEditor";
 

extensions/ql-vscode/src/view/results/AlertTable.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import * as Sarif from "sarif";
 import * as Keys from "./result-keys";
 import { className, jumpToLocation } from "./result-table-utils";

extensions/ql-vscode/src/view/results/AlertTableDropdownIndicatorCell.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import TextButton from "../common/TextButton";
 import { chevronDown, chevronRight } from "./octicons";
 

extensions/ql-vscode/src/view/results/AlertTableHeader.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { useCallback } from "react";
 import { vscode } from "../vscode-api";
 import {

extensions/ql-vscode/src/view/results/AlertTableNoResults.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { EmptyQueryResultsMessage } from "./EmptyQueryResultsMessage";
 import TextButton from "../common/TextButton";
 

extensions/ql-vscode/src/view/results/AlertTablePathNodeRow.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import * as Sarif from "sarif";
 import * as Keys from "./result-keys";
 import { SarifLocation } from "./locations/SarifLocation";

extensions/ql-vscode/src/view/results/AlertTablePathRow.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import * as Sarif from "sarif";
 import * as Keys from "./result-keys";
 import { selectableZebraStripe } from "./result-table-utils";

extensions/ql-vscode/src/view/results/AlertTableResultRow.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import * as Sarif from "sarif";
 import * as Keys from "./result-keys";
 import { info, listUnordered } from "./octicons";

extensions/ql-vscode/src/view/results/AlertTableTruncatedMessage.tsx

@@ -1,5 +1,3 @@
-import * as React from "react";
-
 interface Props {
   numTruncatedResults: number;
 }

extensions/ql-vscode/src/view/results/EmptyQueryResultsMessage.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { styled } from "styled-components";
 import { sendTelemetry } from "../common/telemetry";
 

extensions/ql-vscode/src/view/results/Graph.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { select } from "d3";
 import { jumpToLocation } from "./result-table-utils";
 import { graphviz, GraphvizOptions } from "d3-graphviz";

extensions/ql-vscode/src/view/results/ProblemsViewCheckbox.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { ALERTS_TABLE_NAME } from "../../common/interface-types";
 import {
   alertExtrasClassName,

extensions/ql-vscode/src/view/results/RawTable.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { className, jumpToLocation } from "./result-table-utils";
 import {

extensions/ql-vscode/src/view/results/RawTableHeader.tsx

@@ -1,5 +1,3 @@
-import * as React from "react";
-
 import { vscode } from "../vscode-api";
 import {
   RawResultsSortState,

extensions/ql-vscode/src/view/results/RawTableRow.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { selectedRowClassName, zebraStripe } from "./result-table-utils";
 import RawTableValue from "./RawTableValue";
 import { Row } from "../../common/raw-result-types";

extensions/ql-vscode/src/view/results/RawTableValue.tsx

@@ -1,5 +1,3 @@
-import * as React from "react";
-
 import { Location } from "./locations/Location";
 import { RawNumberValue } from "../common/RawNumberValue";
 import { CellValue } from "../../common/raw-result-types";

extensions/ql-vscode/src/view/results/ResultCount.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { ResultSet } from "../../common/interface-types";
 import { tableHeaderItemClassName } from "./result-table-utils";
 

extensions/ql-vscode/src/view/results/ResultTable.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { AlertTable } from "./AlertTable";
 import { Graph } from "./Graph";
 import { RawTable } from "./RawTable";

extensions/ql-vscode/src/view/results/ResultTables.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import {
   DatabaseInfo,
   Interpretation,

extensions/ql-vscode/src/view/results/ResultTablesHeader.tsx

@@ -1,5 +1,4 @@
-import * as React from "react";
-import { useCallback, useEffect } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { vscode } from "../vscode-api";
 import { openFile, tableHeaderItemClassName } from "./result-table-utils";
 import { sendTelemetry } from "../common/telemetry";
@@ -62,7 +61,7 @@ const OpenQueryLink = styled(TextButton)`
 export function ResultTablesHeader(props: Props) {
   const { queryPath, queryName, parsedResultSets, selectedTable } = props;
 
-  const [selectedPage, setSelectedPage] = React.useState(
+  const [selectedPage, setSelectedPage] = useState(
     `${parsedResultSets.pageNumber + 1}`,
   );
   useEffect(() => {

extensions/ql-vscode/src/view/results/ResultsApp.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { assertNever, getErrorMessage } from "../../common/helpers-pure";
 import {
   DatabaseInfo,
@@ -18,7 +17,7 @@ import { EventHandlers as EventHandlerList } from "./event-handler-list";
 import { ResultTables } from "./ResultTables";
 
 import "./resultsView.css";
-import { useCallback, useEffect } from "react";
+import { useCallback, useEffect, useState } from "react";
 
 /**
  * ResultsApp.tsx
@@ -72,7 +71,7 @@ export const onNavigation = new EventHandlerList<NavigateMsg>();
  * A minimal state container for displaying results.
  */
 export function ResultsApp() {
-  const [state, setState] = React.useState<ResultsViewState>({
+  const [state, setState] = useState<ResultsViewState>({
     displayedResults: {
       resultsInfo: null,
       results: null,

extensions/ql-vscode/src/view/results/__tests__/results.spec.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { render as reactRender, screen } from "@testing-library/react";
 import { ResultsApp } from "../ResultsApp";
 import {

extensions/ql-vscode/src/view/results/index.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { WebviewDefinition } from "../webview-definition";
 import { ResultsApp } from "./ResultsApp";
 

extensions/ql-vscode/src/view/results/locations/ClickableLocation.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { useCallback } from "react";
 import { jumpToLocation } from "../result-table-utils";
 import TextButton from "../../common/TextButton";

extensions/ql-vscode/src/view/results/locations/Location.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { useMemo } from "react";
 
 import { UrlValue } from "../../../common/raw-result-types";

extensions/ql-vscode/src/view/results/locations/NonClickableLocation.tsx

@@ -1,5 +1,3 @@
-import * as React from "react";
-
 interface Props {
   msg?: string;
   locationHint?: string;

extensions/ql-vscode/src/view/results/locations/SarifLocation.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import * as Sarif from "sarif";
 import { parseSarifLocation } from "../../../common/sarif-utils";
 import { basename } from "../../../common/path";

extensions/ql-vscode/src/view/results/locations/SarifMessageWithLocations.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import * as Sarif from "sarif";
 import { parseSarifPlainTextMessage } from "../../../common/sarif-utils";
 import { SarifLocation } from "./SarifLocation";

extensions/ql-vscode/src/view/results/octicons.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { styled } from "styled-components";
 
 const Octicon = styled.svg`

extensions/ql-vscode/src/view/variant-analysis/AnalysisAlertResult.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { AnalysisAlert } from "../../variant-analysis/shared/analysis-result";
 import { CodePaths, FileCodeSnippet } from "../common";