();
const onSetFocus = () => copyRef.current!.focus();
const handleCopyClick = async () => {
diff --git a/src/app/views/common/image/Image.tsx b/src/app/views/common/image/Image.tsx
index 1c4579966..cfcac4fae 100644
--- a/src/app/views/common/image/Image.tsx
+++ b/src/app/views/common/image/Image.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
import { IImageComponentProps } from '../../../../types/image';
export const Image = ({ styles, alt, body }: IImageComponentProps): JSX.Element => {
diff --git a/src/app/views/common/monaco/Monaco.tsx b/src/app/views/common/monaco/Monaco.tsx
index de43ea2f5..164932eb2 100644
--- a/src/app/views/common/monaco/Monaco.tsx
+++ b/src/app/views/common/monaco/Monaco.tsx
@@ -1,6 +1,6 @@
import { FocusZone } from '@fluentui/react';
import Editor, { OnChange, useMonaco } from '@monaco-editor/react';
-import React, { useEffect } from 'react';
+import { useEffect } from 'react';
import { ThemeContext } from '../../../../themes/theme-context';
import './monaco.scss';
diff --git a/src/app/views/common/submit-button/SubmitButton.tsx b/src/app/views/common/submit-button/SubmitButton.tsx
index 624e0a909..2c308f5cf 100644
--- a/src/app/views/common/submit-button/SubmitButton.tsx
+++ b/src/app/views/common/submit-button/SubmitButton.tsx
@@ -1,5 +1,4 @@
import { PrimaryButton, Spinner, SpinnerSize } from '@fluentui/react';
-import React from 'react';
import { ISubmitButtonControl } from '../../../../types/submit-button';
const SubmitButtonControl = ({
diff --git a/src/app/views/main-header/FeedbackButton.tsx b/src/app/views/main-header/FeedbackButton.tsx
index 7eb918755..259291171 100644
--- a/src/app/views/main-header/FeedbackButton.tsx
+++ b/src/app/views/main-header/FeedbackButton.tsx
@@ -1,5 +1,5 @@
import { getTheme, IButton, IconButton, IIconProps, TooltipHost } from '@fluentui/react';
-import React, { useState, useEffect } from 'react';
+import { useRef, useState, useEffect } from 'react';
import { translateMessage } from '../../utils/translate-messages';
import FeedbackForm from '../query-runner/request/feedback/FeedbackForm';
import { ACCOUNT_TYPE } from '../../services/graph-constants';
@@ -16,8 +16,8 @@ export const FeedbackButton = () => {
const feedbackTitle = translateMessage('Feedback');
const content = {translateMessage('Feedback')}
- const feedbackButtonRef = React.useRef(null)
- const isFirstRender = React.useRef(true);
+ const feedbackButtonRef = useRef(null)
+ const isFirstRender = useRef(true);
useEffect( () => {
if (isFirstRender.current) {
isFirstRender.current = false;
diff --git a/src/app/views/main-header/Help.tsx b/src/app/views/main-header/Help.tsx
index edbdb4d54..f3673f337 100644
--- a/src/app/views/main-header/Help.tsx
+++ b/src/app/views/main-header/Help.tsx
@@ -8,7 +8,7 @@ import {
registerIcons,
TooltipHost
} from '@fluentui/react';
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
import { GitHubLogoIcon } from '@fluentui/react-icons-mdl2';
import { componentNames, eventTypes, telemetry } from '../../../telemetry';
diff --git a/src/app/views/main-header/MainHeader.tsx b/src/app/views/main-header/MainHeader.tsx
index 309ca6e39..333f34a29 100644
--- a/src/app/views/main-header/MainHeader.tsx
+++ b/src/app/views/main-header/MainHeader.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
import {
FontIcon, getId, getTheme, IconButton, IStackTokens, Label,
registerIcons, Stack, TooltipHost
diff --git a/src/app/views/main-header/settings/Settings.tsx b/src/app/views/main-header/settings/Settings.tsx
index 64affe55e..878f62c81 100644
--- a/src/app/views/main-header/settings/Settings.tsx
+++ b/src/app/views/main-header/settings/Settings.tsx
@@ -2,7 +2,7 @@ import {
ChoiceGroup, DefaultButton, Dialog, DialogFooter, DialogType, DirectionalHint, getId,
getTheme, IconButton, IContextualMenuProps, TooltipHost
} from '@fluentui/react';
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
import { useDispatch } from 'react-redux';
import { geLocale } from '../../../../appLocale';
diff --git a/src/app/views/main-header/tenantIcon.tsx b/src/app/views/main-header/tenantIcon.tsx
index 01c1a2110..ef1ae188f 100644
--- a/src/app/views/main-header/tenantIcon.tsx
+++ b/src/app/views/main-header/tenantIcon.tsx
@@ -1,6 +1,5 @@
/* eslint-disable max-len */
import { getTheme } from '@fluentui/react';
-import React from 'react';
const TenantIcon = () => {
const theme = getTheme();
diff --git a/src/app/views/query-response/QueryResponse.tsx b/src/app/views/query-response/QueryResponse.tsx
index 5ea95ffd8..34889df24 100644
--- a/src/app/views/query-response/QueryResponse.tsx
+++ b/src/app/views/query-response/QueryResponse.tsx
@@ -2,7 +2,7 @@ import {
Announced, FontSizes, getTheme, IconButton, ITheme, Modal, Pivot, PivotItem
} from '@fluentui/react';
import { Resizable } from 're-resizable';
-import React, { CSSProperties, useEffect, useState } from 'react';
+import { CSSProperties, useEffect, useState } from 'react';
import { injectIntl } from 'react-intl';
import { useDispatch } from 'react-redux';
diff --git a/src/app/views/query-response/adaptive-cards/AdaptiveCard.tsx b/src/app/views/query-response/adaptive-cards/AdaptiveCard.tsx
index d24ffae1f..00d4d0e76 100644
--- a/src/app/views/query-response/adaptive-cards/AdaptiveCard.tsx
+++ b/src/app/views/query-response/adaptive-cards/AdaptiveCard.tsx
@@ -3,7 +3,7 @@ import {
MessageBar, MessageBarType, Pivot, PivotItem, styled
} from '@fluentui/react';
import * as AdaptiveCardsAPI from 'adaptivecards';
-import React, { useEffect } from 'react';
+import { useEffect } from 'react';
import { FormattedMessage, injectIntl } from 'react-intl';
import { useDispatch } from 'react-redux';
diff --git a/src/app/views/query-response/graph-toolkit/GraphToolkit.tsx b/src/app/views/query-response/graph-toolkit/GraphToolkit.tsx
index 8cee816c7..24cfe2526 100644
--- a/src/app/views/query-response/graph-toolkit/GraphToolkit.tsx
+++ b/src/app/views/query-response/graph-toolkit/GraphToolkit.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
import { FormattedMessage } from 'react-intl';
import {
getTheme, IStyle, ITheme, Label, Link,
diff --git a/src/app/views/query-response/headers/ResponseHeaders.tsx b/src/app/views/query-response/headers/ResponseHeaders.tsx
index 856cdc580..1f94c7db3 100644
--- a/src/app/views/query-response/headers/ResponseHeaders.tsx
+++ b/src/app/views/query-response/headers/ResponseHeaders.tsx
@@ -1,5 +1,4 @@
-import React from 'react';
import { RESPONSE_HEADERS_COPY_BUTTON } from '../../../../telemetry/component-names';
import { Monaco } from '../../common';
diff --git a/src/app/views/query-response/pivot-items/pivot-items.tsx b/src/app/views/query-response/pivot-items/pivot-items.tsx
index 5192fc862..23f9cdde8 100644
--- a/src/app/views/query-response/pivot-items/pivot-items.tsx
+++ b/src/app/views/query-response/pivot-items/pivot-items.tsx
@@ -1,5 +1,4 @@
import { getTheme, IPivotItemProps, ITheme, PivotItem } from '@fluentui/react';
-import React from 'react';
import { useAppSelector } from '../../../../store';
import { componentNames, telemetry } from '../../../../telemetry';
diff --git a/src/app/views/query-response/response/Response.tsx b/src/app/views/query-response/response/Response.tsx
index ce584e080..dafd530a5 100644
--- a/src/app/views/query-response/response/Response.tsx
+++ b/src/app/views/query-response/response/Response.tsx
@@ -1,6 +1,5 @@
import { useDispatch } from 'react-redux';
-import React from 'react';
import { AppDispatch, useAppSelector } from '../../../../store';
import { getContentType } from '../../../services/actions/query-action-creator-util';
diff --git a/src/app/views/query-response/response/ResponseDisplay.tsx b/src/app/views/query-response/response/ResponseDisplay.tsx
index 4d96a1b2a..5e8038067 100644
--- a/src/app/views/query-response/response/ResponseDisplay.tsx
+++ b/src/app/views/query-response/response/ResponseDisplay.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
import { ContentType } from '../../../../types/enums';
import { isImageResponse } from '../../../services/actions/query-action-creator-util';
import { Image, Monaco } from '../../common';
diff --git a/src/app/views/query-response/response/ResponseMessages.tsx b/src/app/views/query-response/response/ResponseMessages.tsx
index 36dba19b2..801c0fb51 100644
--- a/src/app/views/query-response/response/ResponseMessages.tsx
+++ b/src/app/views/query-response/response/ResponseMessages.tsx
@@ -1,5 +1,5 @@
import { Link, MessageBar, MessageBarType } from '@fluentui/react';
-import React, { useState } from 'react';
+import { useState } from 'react';
import { FormattedMessage } from 'react-intl';
import { IAuthenticateResult } from '../../../../types/authentication';
import { Mode } from '../../../../types/enums';
diff --git a/src/app/views/query-response/snippets/Snippets.tsx b/src/app/views/query-response/snippets/Snippets.tsx
index 2fa5ba494..0ff851629 100644
--- a/src/app/views/query-response/snippets/Snippets.tsx
+++ b/src/app/views/query-response/snippets/Snippets.tsx
@@ -1,6 +1,5 @@
import { FontSizes, Pivot, PivotItem } from '@fluentui/react';
import { useDispatch } from 'react-redux';
-import React from 'react';
import { AppDispatch, useAppSelector } from '../../../../store';
import { componentNames, telemetry } from '../../../../telemetry';
diff --git a/src/app/views/query-response/snippets/snippets-helper.tsx b/src/app/views/query-response/snippets/snippets-helper.tsx
index 3f47c24b4..a4645f9f3 100644
--- a/src/app/views/query-response/snippets/snippets-helper.tsx
+++ b/src/app/views/query-response/snippets/snippets-helper.tsx
@@ -1,5 +1,5 @@
import { getTheme, ITheme, Label, Link, PivotItem } from '@fluentui/react';
-import React, { useEffect } from 'react';
+import { useEffect } from 'react';
import { useDispatch } from 'react-redux';
import { FormattedMessage } from 'react-intl';
diff --git a/src/app/views/query-runner/QueryRunner.tsx b/src/app/views/query-runner/QueryRunner.tsx
index fc7fb79fb..aa7662f52 100644
--- a/src/app/views/query-runner/QueryRunner.tsx
+++ b/src/app/views/query-runner/QueryRunner.tsx
@@ -1,5 +1,5 @@
import { IDropdownOption, MessageBarType } from '@fluentui/react';
-import React, { useState } from 'react';
+import { useState } from 'react';
import { injectIntl } from 'react-intl';
import { useDispatch } from 'react-redux';
diff --git a/src/app/views/query-runner/query-input/QueryInput.tsx b/src/app/views/query-runner/query-input/QueryInput.tsx
index 6be5cfb5a..0c5308c90 100644
--- a/src/app/views/query-runner/query-input/QueryInput.tsx
+++ b/src/app/views/query-runner/query-input/QueryInput.tsx
@@ -1,7 +1,6 @@
import { Dropdown, IDropdownOption, IStackTokens, Stack } from '@fluentui/react';
import { injectIntl } from 'react-intl';
import { useDispatch } from 'react-redux';
-import React from 'react';
import { AppDispatch, useAppSelector } from '../../../../store';
import { httpMethods, IQuery, IQueryInputProps } from '../../../../types/query-runner';
diff --git a/src/app/views/query-runner/query-input/auto-complete/AutoComplete.tsx b/src/app/views/query-runner/query-input/auto-complete/AutoComplete.tsx
index eb90d2235..474586646 100644
--- a/src/app/views/query-runner/query-input/auto-complete/AutoComplete.tsx
+++ b/src/app/views/query-runner/query-input/auto-complete/AutoComplete.tsx
@@ -1,5 +1,5 @@
import { getTheme, KeyCodes, TextField, Text, ITextFieldProps } from '@fluentui/react';
-import React, { useEffect, useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
import { useDispatch } from 'react-redux';
import { delimiters, getLastDelimiterInUrl, getSuggestions, SignContext } from '../../../../../modules/suggestions';
diff --git a/src/app/views/query-runner/query-input/auto-complete/suffix/HintList.tsx b/src/app/views/query-runner/query-input/auto-complete/suffix/HintList.tsx
index e3f2ed886..9b8982eef 100644
--- a/src/app/views/query-runner/query-input/auto-complete/suffix/HintList.tsx
+++ b/src/app/views/query-runner/query-input/auto-complete/suffix/HintList.tsx
@@ -1,5 +1,4 @@
import { DefaultButton, Separator, Stack, Text } from '@fluentui/react';
-import React from 'react';
import { componentNames, eventTypes, telemetry } from '../../../../../../telemetry';
import { GRAPH_URL } from '../../../../../services/graph-constants';
diff --git a/src/app/views/query-runner/query-input/auto-complete/suffix/SuffixRenderer.tsx b/src/app/views/query-runner/query-input/auto-complete/suffix/SuffixRenderer.tsx
index fc08d5e2c..c6c768dcf 100644
--- a/src/app/views/query-runner/query-input/auto-complete/suffix/SuffixRenderer.tsx
+++ b/src/app/views/query-runner/query-input/auto-complete/suffix/SuffixRenderer.tsx
@@ -2,7 +2,7 @@ import {
Callout, getId, IconButton, IIconProps, ITooltipHostStyles,
Spinner, Text, TooltipHost
} from '@fluentui/react';
-import React, { useState } from 'react';
+import { useState } from 'react';
import { useAppSelector } from '../../../../../../store';
import { componentNames, eventTypes, telemetry } from '../../../../../../telemetry';
diff --git a/src/app/views/query-runner/query-input/auto-complete/suggestion-list/SuggestionsList.tsx b/src/app/views/query-runner/query-input/auto-complete/suggestion-list/SuggestionsList.tsx
index 866703e2f..efc684393 100644
--- a/src/app/views/query-runner/query-input/auto-complete/suggestion-list/SuggestionsList.tsx
+++ b/src/app/views/query-runner/query-input/auto-complete/suggestion-list/SuggestionsList.tsx
@@ -1,5 +1,5 @@
import { Label, styled } from '@fluentui/react';
-import React, { useEffect } from 'react';
+import { createRef, useEffect } from 'react';
import { ISuggestionsList } from '../../../../../../types/auto-complete';
import { classNames } from '../../../../classnames';
@@ -11,7 +11,7 @@ const styledSuggesions = (props: any) => {
const refs = filteredSuggestions.reduce((ref: any, value: any) => {
const itemIndex = filteredSuggestions.findIndex(k => k === value);
- ref[itemIndex] = React.createRef();
+ ref[itemIndex] = createRef();
return ref;
}, {});
@@ -27,7 +27,7 @@ const styledSuggesions = (props: any) => {
return (
- {filteredSuggestions.map((suggestion: {} | null | undefined, index: number) => {
+ {filteredSuggestions.map((suggestion: string, index: number) => {
return (
- {
const dispatch: AppDispatch = useDispatch();
const classes = classNames(props);
- const textfieldRef = React.createRef();
+ const textfieldRef = createRef();
const onSetFocus = () => textfieldRef.current!.focus();
const changeHeaderProperties =
diff --git a/src/app/views/query-runner/request/permissions/PanelList.tsx b/src/app/views/query-runner/request/permissions/PanelList.tsx
index 045b44756..240c2da8d 100644
--- a/src/app/views/query-runner/request/permissions/PanelList.tsx
+++ b/src/app/views/query-runner/request/permissions/PanelList.tsx
@@ -3,7 +3,7 @@ import {
IGroup, IOverlayProps, Label, Panel, PanelType,
SearchBox, SelectionMode
} from '@fluentui/react';
-import React, { useEffect, useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
import { FormattedMessage } from 'react-intl';
import { useDispatch } from 'react-redux';
diff --git a/src/app/views/query-runner/request/permissions/Permission.tsx b/src/app/views/query-runner/request/permissions/Permission.tsx
index 4eda6d47d..1a617b2ac 100644
--- a/src/app/views/query-runner/request/permissions/Permission.tsx
+++ b/src/app/views/query-runner/request/permissions/Permission.tsx
@@ -10,7 +10,7 @@ import {
PrimaryButton,
TooltipHost
} from '@fluentui/react';
-import React, { useEffect } from 'react';
+import { useEffect } from 'react';
import { FormattedMessage } from 'react-intl';
import { useDispatch } from 'react-redux';
diff --git a/src/app/views/query-runner/request/permissions/TabList.tsx b/src/app/views/query-runner/request/permissions/TabList.tsx
index cd8038f2e..28aceda99 100644
--- a/src/app/views/query-runner/request/permissions/TabList.tsx
+++ b/src/app/views/query-runner/request/permissions/TabList.tsx
@@ -1,5 +1,5 @@
import { DetailsList, DetailsListLayoutMode, IColumn, Label, Link, SelectionMode } from '@fluentui/react';
-import React, { useState } from 'react';
+import { useState } from 'react';
import { FormattedMessage } from 'react-intl';
import { useDispatch } from 'react-redux';
diff --git a/src/app/views/sidebar/Sidebar.tsx b/src/app/views/sidebar/Sidebar.tsx
index 0cd2d6686..7a773f7be 100644
--- a/src/app/views/sidebar/Sidebar.tsx
+++ b/src/app/views/sidebar/Sidebar.tsx
@@ -2,7 +2,6 @@ import {
DirectionalHint, FontSizes, getTheme, IconButton,
Pivot, PivotItem, Stack, TooltipDelay, TooltipHost
} from '@fluentui/react';
-import React from 'react';
import { telemetry } from '../../../telemetry';
import { translateMessage } from '../../utils/translate-messages';
diff --git a/src/app/views/sidebar/history/History.tsx b/src/app/views/sidebar/history/History.tsx
index 71500b157..c5e4ac817 100644
--- a/src/app/views/sidebar/history/History.tsx
+++ b/src/app/views/sidebar/history/History.tsx
@@ -4,7 +4,7 @@ import {
DialogFooter, DialogType, getId, getTheme, IColumn, IconButton,
Label, MessageBar, MessageBarType, PrimaryButton, SearchBox, SelectionMode, styled, TooltipHost
} from '@fluentui/react';
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
import { FormattedMessage, injectIntl } from 'react-intl';
import { useDispatch } from 'react-redux';
diff --git a/src/app/views/sidebar/resource-explorer/ResourceExplorer.tsx b/src/app/views/sidebar/resource-explorer/ResourceExplorer.tsx
index b8be10e0e..a69202470 100644
--- a/src/app/views/sidebar/resource-explorer/ResourceExplorer.tsx
+++ b/src/app/views/sidebar/resource-explorer/ResourceExplorer.tsx
@@ -5,7 +5,7 @@ import {
Stack, styled, Toggle
} from '@fluentui/react';
import debouce from 'lodash.debounce';
-import React, { useEffect, useMemo, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
import { FormattedMessage } from 'react-intl';
import { useDispatch } from 'react-redux';
diff --git a/src/app/views/sidebar/resource-explorer/ResourceLink.tsx b/src/app/views/sidebar/resource-explorer/ResourceLink.tsx
index 23aca0ba7..737ce5377 100644
--- a/src/app/views/sidebar/resource-explorer/ResourceLink.tsx
+++ b/src/app/views/sidebar/resource-explorer/ResourceLink.tsx
@@ -2,7 +2,7 @@ import {
ContextualMenuItemType, getId, IconButton,
IContextualMenuItem, mergeStyleSets, TooltipHost
} from '@fluentui/react';
-import React, { CSSProperties } from 'react';
+import { CSSProperties } from 'react';
import { FormattedMessage } from 'react-intl';
import { ResourceLinkType, ResourceOptions } from '../../../../types/resources';
diff --git a/src/app/views/sidebar/resource-explorer/command-options/CommandOptions.tsx b/src/app/views/sidebar/resource-explorer/command-options/CommandOptions.tsx
index 3549f5134..213369fd6 100644
--- a/src/app/views/sidebar/resource-explorer/command-options/CommandOptions.tsx
+++ b/src/app/views/sidebar/resource-explorer/command-options/CommandOptions.tsx
@@ -2,7 +2,7 @@ import {
CommandBar, CommandBarButton, DefaultButton, Dialog, DialogFooter, DialogType,
getId, getTheme, IButtonProps, ICommandBarItemProps, PrimaryButton
} from '@fluentui/react';
-import React, { useState } from 'react';
+import { useState } from 'react';
import { useDispatch } from 'react-redux';
import { AppDispatch, useAppSelector } from '../../../../../store';
diff --git a/src/app/views/sidebar/resource-explorer/panels/Paths.tsx b/src/app/views/sidebar/resource-explorer/panels/Paths.tsx
index 8dc9b1c58..28fb56289 100644
--- a/src/app/views/sidebar/resource-explorer/panels/Paths.tsx
+++ b/src/app/views/sidebar/resource-explorer/panels/Paths.tsx
@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import { Component } from 'react';
import {
DetailsList, DetailsListLayoutMode,
IColumn, Selection
diff --git a/src/app/views/sidebar/resource-explorer/panels/PathsReview.spec.tsx b/src/app/views/sidebar/resource-explorer/panels/PathsReview.spec.tsx
deleted file mode 100644
index b8c2d87b3..000000000
--- a/src/app/views/sidebar/resource-explorer/panels/PathsReview.spec.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import { IntlProvider } from 'react-intl';
-import { geLocale } from '../../../../../appLocale';
-import messages from '../../../../../messages';
-import PathsReview from './PathsReview';
-import { initializeIcons } from '@fluentui/react';
-
-const renderPathsReview = () => {
- initializeIcons();
- return render(
-
-
-
- )
-}
-
-const paths = [
- {
- key: '5-{serviceHealth-id}-issues',
- url: '/admin/serviceAnnouncement/healthOverviews/{serviceHealth-id}/issues',
- name: 'issues (1)',
- labels: [
- { name: 'v1.0', methods: ['Get', 'Post'] },
- { name: 'beta', methods: ['Get', 'Post'] }
- ],
- isExpanded: true,
- parent: '{serviceHealth-id}',
- level: 5,
- paths: ['/', 'admin', 'serviceAnnouncement', 'healthOverviews', '{serviceHealth-id}'],
- type: 'path',
- links: []
- }, {
- key: '6-issues-{serviceHealthIssue-id}',
- url: '/admin/serviceAnnouncement/healthOverviews/{serviceHealth-id}/issues/{serviceHealthIssue-id}',
- name: '{serviceHealthIssue-id} (1)',
- labels: [
- { name: 'v1.0', methods: ['Get', 'Patch', 'Delete'] },
- { name: 'beta', methods: ['Get', 'Patch', 'Delete'] }
- ],
- isExpanded: true,
- parent: 'issues',
- level: 6,
- paths: ['/', 'admin', 'serviceAnnouncement', 'healthOverviews', '{serviceHealth-id}', 'issues'],
- type: 'path',
- links: []
- }
-];
-
-jest.mock('react-redux', () => {
- return {
- useSelector: jest.fn(() => {
- return ({
- resources: paths
- })
- }),
- useDispatch: jest.fn()
- }
-})
-
-describe('Paths review panel rendering', () => {
- it('should render the paths review panel of resource explorer with selected resources', () => {
- renderPathsReview();
- expect(screen.getByText(/Selected resources preview/i)).toBeDefined();
- expect(screen.getByRole('button', { name: /close/i})).toBeDefined();
- expect(screen.getByText(/you can export the entire list as a postman collection/i));
- expect(screen.getByRole('button', { name: /download postman collection/i})).toBeDefined();
- });
-})
\ No newline at end of file
diff --git a/src/app/views/sidebar/resource-explorer/panels/PathsReview.tsx b/src/app/views/sidebar/resource-explorer/panels/PathsReview.tsx
index fcccdb6ab..23226c571 100644
--- a/src/app/views/sidebar/resource-explorer/panels/PathsReview.tsx
+++ b/src/app/views/sidebar/resource-explorer/panels/PathsReview.tsx
@@ -1,7 +1,7 @@
import {
CommandBar, ICommandBarItemProps, Label, Panel, PanelType, PrimaryButton
} from '@fluentui/react';
-import React, { useState } from 'react';
+import { useState } from 'react';
import { FormattedMessage } from 'react-intl';
import { useDispatch } from 'react-redux';
diff --git a/src/app/views/sidebar/sample-queries/SampleQueries.tsx b/src/app/views/sidebar/sample-queries/SampleQueries.tsx
index 04e3e5a05..58826b613 100644
--- a/src/app/views/sidebar/sample-queries/SampleQueries.tsx
+++ b/src/app/views/sidebar/sample-queries/SampleQueries.tsx
@@ -4,7 +4,7 @@ import {
GroupHeader, IColumn, Icon, IDetailsRowStyles, IGroup, Link, MessageBar, MessageBarType, SearchBox,
SelectionMode, Spinner, SpinnerSize, styled, TooltipHost
} from '@fluentui/react';
-import React, { useEffect, useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
import { FormattedMessage } from 'react-intl';
import { useDispatch } from 'react-redux';
diff --git a/src/app/views/sidebar/sidebar-utils/SearchResult.tsx b/src/app/views/sidebar/sidebar-utils/SearchResult.tsx
index 7a49ab89d..c7dedd359 100644
--- a/src/app/views/sidebar/sidebar-utils/SearchResult.tsx
+++ b/src/app/views/sidebar/sidebar-utils/SearchResult.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
import { Label } from '@fluentui/react';
import { FormattedMessage } from 'react-intl';
diff --git a/src/index.tsx b/src/index.tsx
index bc0301bba..654458994 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -2,8 +2,7 @@ import { AuthenticationResult } from '@azure/msal-browser';
import 'bootstrap/dist/css/bootstrap-grid.min.css';
import '@ms-ofb/officebrowserfeedbacknpm/styles/officebrowserfeedback.css';
import { initializeIcons } from '@fluentui/react';
-import React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
import { IntlProvider } from 'react-intl';
import { Provider } from 'react-redux';
@@ -179,5 +178,5 @@ const Root = () => {
);
};
-
-ReactDOM.render(, document.getElementById('root'));
+const root = ReactDOM.createRoot(document.getElementById('root')!);
+root.render();