dependencies: bump to React 17.0.1

.babelrc

@@ -1,5 +1,5 @@
 {
-  "presets": ["@babel/env", "@babel/typescript", "@babel/react"],
+  "presets": ["@babel/env", "@babel/typescript", ["@babel/react", {"runtime": "automatic"}]],
   "plugins": [
     ["@babel/plugin-proposal-decorators", {"legacy": true}],
     ["@babel/plugin-proposal-class-properties", {"loose": false}],

client/.eslintrc.js

@@ -36,6 +36,8 @@ module.exports = {
     'no-console': [2, {allow: ['warn', 'error']}],
     'react/destructuring-assignment': 0,
     'react/jsx-props-no-spreading': 0,
+    'react/jsx-uses-react': 0,
+    'react/react-in-jsx-scope': 0,
     'react/static-property-placement': [2, 'static public field'],
   },
   settings: {

client/src/javascript/actions/UIActions.ts

@@ -1,5 +1,5 @@
 import debounce from 'lodash/debounce';
-import React from 'react';
+import * as React from 'react';
 
 import type {TorrentStatus} from '@shared/constants/torrentStatusMap';
 

client/src/javascript/app.tsx

@@ -1,8 +1,8 @@
 import {observer} from 'mobx-react';
 import {Router} from 'react-router-dom';
 import {Route, Switch} from 'react-router';
-import React from 'react';
 import ReactDOM from 'react-dom';
+import * as React from 'react';
 
 import AsyncIntlProvider from './i18n/languages';
 import AppWrapper from './components/AppWrapper';

client/src/javascript/components/AppWrapper.tsx

@@ -1,6 +1,6 @@
 import {CSSTransition, TransitionGroup} from 'react-transition-group';
 import {observer} from 'mobx-react';
-import React from 'react';
+import * as React from 'react';
 
 import AuthStore from '../stores/AuthStore';
 import ConfigStore from '../stores/ConfigStore';

client/src/javascript/components/alerts/Alert.tsx

@@ -1,6 +1,6 @@
 import {FormattedMessage} from 'react-intl';
 import classnames from 'classnames';
-import React from 'react';
+import * as React from 'react';
 
 import CircleCheckmarkIcon from '../icons/CircleCheckmarkIcon';
 import CircleExclamationIcon from '../icons/CircleExclamationIcon';

client/src/javascript/components/alerts/Alerts.tsx

@@ -1,6 +1,6 @@
 import {CSSTransition, TransitionGroup} from 'react-transition-group';
 import {observer} from 'mobx-react';
-import React from 'react';
+import * as React from 'react';
 
 import Alert from './Alert';
 import AlertStore from '../../stores/AlertStore';

client/src/javascript/components/auth/AuthForm.tsx

@@ -1,5 +1,5 @@
 import {injectIntl, WrappedComponentProps} from 'react-intl';
-import React from 'react';
+import * as React from 'react';
 
 import {AccessLevel} from '@shared/schema/constants/Auth';
 

client/src/javascript/components/general/Badge.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 interface BadgeProps {
   children: React.ReactNode;

client/src/javascript/components/general/ClientConnectionInterruption.tsx

@@ -1,6 +1,6 @@
 import {FormattedMessage} from 'react-intl';
 import {observer} from 'mobx-react';
-import React from 'react';
+import * as React from 'react';
 
 import {Button, Form, FormError, FormRow, FormRowItem, Panel, PanelContent, PanelHeader, PanelFooter} from '../../ui';
 import AuthActions from '../../actions/AuthActions';

client/src/javascript/components/general/Duration.tsx

@@ -1,5 +1,5 @@
 import {FormattedMessage} from 'react-intl';
-import React from 'react';
+import * as React from 'react';
 
 import type {Duration as DurationType} from '@shared/types/Torrent';
 

client/src/javascript/components/general/GlobalContextMenuMountPoint.tsx

@@ -1,6 +1,6 @@
 import classnames from 'classnames';
 import {reaction} from 'mobx';
-import React from 'react';
+import * as React from 'react';
 
 import {ContextMenu} from '../../ui';
 import UIActions from '../../actions/UIActions';

client/src/javascript/components/general/ListViewport.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 interface ListViewportProps {
   children?: React.ReactNode;

client/src/javascript/components/general/LoadingIndicator.tsx

@@ -1,5 +1,5 @@
 import classnames from 'classnames';
-import React from 'react';
+import * as React from 'react';
 
 interface LoadingIndicatorProps {
   inverse?: boolean;

client/src/javascript/components/general/LoadingOverlay.tsx

@@ -1,6 +1,6 @@
 import classnames from 'classnames';
 import {useIntl} from 'react-intl';
-import React from 'react';
+import * as React from 'react';
 
 import Checkmark from '../icons/Checkmark';
 import LoadingIndicator from './LoadingIndicator';

client/src/javascript/components/general/ProgressBar.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 interface ProgressBarProps {
   percent: number;

client/src/javascript/components/general/Size.tsx

@@ -1,5 +1,5 @@
 import {FormattedNumber, useIntl} from 'react-intl';
-import React from 'react';
+import * as React from 'react';
 
 import {compute, getTranslationString} from '../../util/size';
 

client/src/javascript/components/general/SortableList.tsx

@@ -2,7 +2,7 @@ import classnames from 'classnames';
 import {DndProvider} from 'react-dnd-multi-backend';
 import HTML5toTouch from 'react-dnd-multi-backend/dist/esm/HTML5toTouch';
 import {injectIntl, WrappedComponentProps} from 'react-intl';
-import React from 'react';
+import * as React from 'react';
 
 import SortableListItem from './SortableListItem';
 

client/src/javascript/components/general/SortableListItem.tsx

@@ -1,8 +1,8 @@
 import classnames from 'classnames';
+import {Component} from 'react';
 import {DragElementWrapper, DragPreviewOptions, DragSource, DragSourceOptions, DropTarget} from 'react-dnd';
 import flow from 'lodash/flow';
 import {getEmptyImage} from 'react-dnd-html5-backend';
-import React from 'react';
 
 import LockIcon from '../icons/LockIcon';
 
@@ -21,7 +21,7 @@ interface SortableListItemProps {
   connectDropTarget: DragElementWrapper<never>;
 }
 
-class SortableListItem extends React.Component<SortableListItemProps> {
+class SortableListItem extends Component<SortableListItemProps> {
   componentDidMount() {
     const {connectDragPreview} = this.props;
     // Replace the native drag preview with an empty image.

client/src/javascript/components/general/Tooltip.tsx

@@ -1,6 +1,6 @@
 import classnames from 'classnames';
-import React from 'react';
 import ReactDOM from 'react-dom';
+import * as React from 'react';
 
 type Align = 'start' | 'center' | 'end';
 

client/src/javascript/components/general/WindowTitle.tsx

@@ -1,6 +1,6 @@
 import {useIntl} from 'react-intl';
 import {observer} from 'mobx-react';
-import React from 'react';
+import * as React from 'react';
 
 import {compute, getTranslationString} from '../../util/size';
 import TransferDataStore from '../../stores/TransferDataStore';

client/src/javascript/components/general/connection-settings/ClientConnectionSettingsForm.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
 import {FormattedMessage, injectIntl, WrappedComponentProps} from 'react-intl';
+import * as React from 'react';
 
 import {SUPPORTED_CLIENTS} from '@shared/schema/constants/ClientConnectionSettings';
 

client/src/javascript/components/general/connection-settings/QBittorrentConnectionSettingsForm.tsx

@@ -1,5 +1,5 @@
 import {FormattedMessage, IntlShape} from 'react-intl';
-import React, {Component} from 'react';
+import * as React from 'react';
 
 import type {QBittorrentConnectionSettings} from '@shared/schema/ClientConnectionSettings';
 
@@ -15,7 +15,7 @@ export interface QBittorrentConnectionSettingsFormData {
   password: string;
 }
 
-class QBittorrentConnectionSettingsForm extends Component<
+class QBittorrentConnectionSettingsForm extends React.Component<
   QBittorrentConnectionSettingsProps,
   QBittorrentConnectionSettingsFormData
 > {

client/src/javascript/components/general/connection-settings/RTorrentConnectionSettingsForm.tsx

@@ -1,5 +1,5 @@
 import {FormattedMessage, IntlShape} from 'react-intl';
-import React, {Component} from 'react';
+import * as React from 'react';
 
 import type {
   RTorrentConnectionSettings,
@@ -20,7 +20,7 @@ export interface RTorrentConnectionSettingsFormData {
   port?: string;
 }
 
-class RTorrentConnectionSettingsForm extends Component<
+class RTorrentConnectionSettingsForm extends React.Component<
   RTorrentConnectionSettingsProps,
   RTorrentConnectionSettingsFormData
 > {

client/src/javascript/components/general/filesystem/DirectoryFileList.tsx

@@ -1,5 +1,5 @@
 import classnames from 'classnames';
-import React from 'react';
+import * as React from 'react';
 
 import type {TorrentContent, TorrentContentSelection, TorrentContentSelectionTree} from '@shared/types/TorrentContent';
 import type {TorrentProperties} from '@shared/types/Torrent';

client/src/javascript/components/general/filesystem/DirectoryTree.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 import type {TorrentContentSelection, TorrentContentSelectionTree} from '@shared/types/TorrentContent';
 import type {TorrentProperties} from '@shared/types/Torrent';

client/src/javascript/components/general/filesystem/DirectoryTreeNode.tsx

@@ -1,5 +1,5 @@
 import classnames from 'classnames';
-import React from 'react';
+import {Component} from 'react';
 
 import type {TorrentContentSelection, TorrentContentSelectionTree} from '@shared/types/TorrentContent';
 import type {TorrentProperties} from '@shared/types/Torrent';
@@ -28,7 +28,7 @@ interface DirectoryTreeNodeStates {
 
 const METHODS_TO_BIND = ['handleDirectoryClick', 'handleDirectorySelection'] as const;
 
-class DirectoryTreeNode extends React.Component<DirectoryTreeNodeProps, DirectoryTreeNodeStates> {
+class DirectoryTreeNode extends Component<DirectoryTreeNodeProps, DirectoryTreeNodeStates> {
   static defaultProps = {
     path: [],
     selectedItems: {},

client/src/javascript/components/general/filesystem/FilesystemBrowser.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
 import {defineMessages, WrappedComponentProps} from 'react-intl';
+import * as React from 'react';
 
 import ArrowIcon from '../../icons/ArrowIcon';
 import File from '../../icons/File';

client/src/javascript/components/general/filesystem/FilesystemBrowserTextbox.tsx

@@ -1,7 +1,7 @@
 import debounce from 'lodash/debounce';
 import {FormattedMessage, injectIntl, WrappedComponentProps} from 'react-intl';
 import {when} from 'mobx';
-import React from 'react';
+import * as React from 'react';
 
 import {Checkbox, ContextMenu, FormElementAddon, FormRow, FormRowGroup, Portal, Textbox} from '../../../ui';
 import FilesystemBrowser from './FilesystemBrowser';

client/src/javascript/components/general/filesystem/PriorityMeter.tsx

@@ -1,5 +1,5 @@
+import {Component} from 'react';
 import {injectIntl, WrappedComponentProps} from 'react-intl';
-import React from 'react';
 
 import PriorityLevels from '../../../constants/PriorityLevels';
 
@@ -21,7 +21,7 @@ interface PriorityMeterStates {
 
 const METHODS_TO_BIND = ['handleClick'] as const;
 
-class PriorityMeter extends React.Component<PriorityMeterProps, PriorityMeterStates> {
+class PriorityMeter extends Component<PriorityMeterProps, PriorityMeterStates> {
   constructor(props: PriorityMeterProps) {
     super(props);
 

client/src/javascript/components/general/form-elements/Dropdown.tsx

@@ -1,9 +1,9 @@
 import classnames from 'classnames';
 import {CSSTransition, TransitionGroup} from 'react-transition-group';
-import React from 'react';
 import throttle from 'lodash/throttle';
 import uniqueId from 'lodash/uniqueId';
 import {when} from 'mobx';
+import * as React from 'react';
 
 import UIActions from '../../../actions/UIActions';
 import UIStore from '../../../stores/UIStore';

client/src/javascript/components/general/form-elements/TagSelect.tsx

@@ -1,6 +1,6 @@
 import classnames from 'classnames';
 import {FormattedMessage} from 'react-intl';
-import React, {Component} from 'react';
+import * as React from 'react';
 
 import type {TorrentProperties} from '@shared/types/Torrent';
 
@@ -20,7 +20,7 @@ interface TagSelectStates {
   selectedTags: TorrentProperties['tags'];
 }
 
-export default class TagSelect extends Component<TagSelectProps, TagSelectStates> {
+export default class TagSelect extends React.Component<TagSelectProps, TagSelectStates> {
   formRowRef = React.createRef<HTMLDivElement>();
   menuRef: HTMLDivElement | null = null;
   textboxRef: HTMLInputElement | null = null;

client/src/javascript/components/general/form-elements/TextboxRepeater.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import {PureComponent} from 'react';
 
 import {FormElementAddon, FormRow, FormRowGroup, Textbox} from '../../../ui';
 import AddMini from '../../icons/AddMini';
@@ -27,7 +27,7 @@ interface TextboxRepeaterStates {
   textboxes: Array<{id: number; value: string}>;
 }
 
-export default class TextboxRepeater extends React.PureComponent<TextboxRepeaterProps, TextboxRepeaterStates> {
+export default class TextboxRepeater extends PureComponent<TextboxRepeaterProps, TextboxRepeaterStates> {
   idCounter = 0;
 
   constructor(props: TextboxRepeaterProps) {

client/src/javascript/components/icons/Active.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class Active extends BaseIcon {

client/src/javascript/components/icons/Add.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class AddMini extends BaseIcon {

client/src/javascript/components/icons/AddMini.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class AddMini extends BaseIcon {

client/src/javascript/components/icons/All.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class All extends BaseIcon {

client/src/javascript/components/icons/ArrowIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class ArrowIcon extends BaseIcon {

client/src/javascript/components/icons/BaseIcon.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import {Component} from 'react';
 
 interface BaseIconProps {
   className?: string;
@@ -6,7 +6,7 @@ interface BaseIconProps {
   viewBox?: string;
 }
 
-export default class BaseIcon extends React.Component<BaseIconProps> {
+export default class BaseIcon extends Component<BaseIconProps> {
   static defaultProps = {
     className: '',
     viewBox: '0 0 60 60',

client/src/javascript/components/icons/CalendarCreatedIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class CalendarCreatedIcon extends BaseIcon {

client/src/javascript/components/icons/CalendarIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class CalendarIcon extends BaseIcon {

client/src/javascript/components/icons/Checkmark.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class Checkmark extends BaseIcon {

client/src/javascript/components/icons/ChevronLeftIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class ChevronLeftIcon extends BaseIcon {

client/src/javascript/components/icons/ChevronRightIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class ChevronRightIcon extends BaseIcon {

client/src/javascript/components/icons/CircleCheckmarkIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class CircleCheckmarkIcon extends BaseIcon {

client/src/javascript/components/icons/CircleExclamationIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class CircleExclamationIcon extends BaseIcon {

client/src/javascript/components/icons/CircleIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class Circle extends BaseIcon {

client/src/javascript/components/icons/ClipboardIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class ClipboardIcon extends BaseIcon {

client/src/javascript/components/icons/ClockIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class ClockIcon extends BaseIcon {

client/src/javascript/components/icons/Close.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class Close extends BaseIcon {

client/src/javascript/components/icons/CommentIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class CommentIcon extends BaseIcon {

client/src/javascript/components/icons/Completed.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class Completed extends BaseIcon {

client/src/javascript/components/icons/CountryFlagIcon.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const flagsCache: Record<string, string | null> = {};
 

client/src/javascript/components/icons/DetailNotAvailableIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class DetailNotAvailableIcon extends BaseIcon {

client/src/javascript/components/icons/Disk.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class Disk extends BaseIcon {

client/src/javascript/components/icons/DiskIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class DiskIcon extends BaseIcon {

client/src/javascript/components/icons/DotsMini.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class DotsMini extends BaseIcon {

client/src/javascript/components/icons/Download.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class Download extends BaseIcon {

client/src/javascript/components/icons/DownloadSmall.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class DownloadSmall extends BaseIcon {

client/src/javascript/components/icons/DownloadThickIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class DownloadThickIcon extends BaseIcon {

client/src/javascript/components/icons/ETA.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class ETA extends BaseIcon {

client/src/javascript/components/icons/Edit.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class Edit extends BaseIcon {

client/src/javascript/components/icons/ErrorIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class Error extends BaseIcon {

client/src/javascript/components/icons/FeedIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class FeedIcon extends BaseIcon {

client/src/javascript/components/icons/File.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class File extends BaseIcon {

client/src/javascript/components/icons/Files.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class Files extends BaseIcon {

client/src/javascript/components/icons/FolderClosedOutlined.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class FolderClosedOutline extends BaseIcon {

client/src/javascript/components/icons/FolderClosedSolid.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class FolderClosedOutline extends BaseIcon {

client/src/javascript/components/icons/FolderOpenOutlined.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class FolderOpenOutlined extends BaseIcon {

client/src/javascript/components/icons/FolderOpenSolid.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class FolderOpenSolid extends BaseIcon {

client/src/javascript/components/icons/HashIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class HashIcon extends BaseIcon {

client/src/javascript/components/icons/Inactive.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class Inactive extends BaseIcon {

client/src/javascript/components/icons/InfinityIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class InfinityIcon extends BaseIcon {

client/src/javascript/components/icons/InformationIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class InformationIcon extends BaseIcon {

client/src/javascript/components/icons/Limits.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class Limits extends BaseIcon {

client/src/javascript/components/icons/LoadingIndicatorDots.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class LoadingIndicatorDots extends BaseIcon {

client/src/javascript/components/icons/LockIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class LockIcon extends BaseIcon {

client/src/javascript/components/icons/Logout.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class Logout extends BaseIcon {

client/src/javascript/components/icons/MenuIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class Menu extends BaseIcon {

client/src/javascript/components/icons/NotificationIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class NotificationIcon extends BaseIcon {

client/src/javascript/components/icons/PeersIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class PeersIcon extends BaseIcon {

client/src/javascript/components/icons/RadarIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class RadarIcon extends BaseIcon {

client/src/javascript/components/icons/RadioDot.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class RadioDot extends BaseIcon {

client/src/javascript/components/icons/Ratio.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class Ratio extends BaseIcon {

client/src/javascript/components/icons/RatioIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class RatioIcon extends BaseIcon {

client/src/javascript/components/icons/Remove.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class AddMini extends BaseIcon {

client/src/javascript/components/icons/RemoveMini.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class RemoveMini extends BaseIcon {

client/src/javascript/components/icons/Search.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class Search extends BaseIcon {

client/src/javascript/components/icons/SeedsIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class SeedsIcon extends BaseIcon {

client/src/javascript/components/icons/SettingsIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class SettingsIcon extends BaseIcon {

client/src/javascript/components/icons/SpinnerIcon.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import uniqueId from 'lodash/uniqueId';
 
 import BaseIcon from './BaseIcon';

client/src/javascript/components/icons/StartIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class Start extends BaseIcon {

client/src/javascript/components/icons/StopIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class Stop extends BaseIcon {

client/src/javascript/components/icons/TrackerMessageIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class TrackerMessageIcon extends BaseIcon {

client/src/javascript/components/icons/Upload.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class Upload extends BaseIcon {

client/src/javascript/components/icons/UploadSmall.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class UploadSmall extends BaseIcon {

client/src/javascript/components/icons/UploadThickIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import BaseIcon from './BaseIcon';
 
 export default class UploadThickIcon extends BaseIcon {

client/src/javascript/components/layout/ApplicationContent.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 interface ApplicationContentProps {
   children: React.ReactNode;

client/src/javascript/components/layout/ApplicationPanel.tsx

@@ -1,5 +1,5 @@
 import classnames from 'classnames';
-import React from 'react';
+import * as React from 'react';
 
 interface ApplicationContentProps {
   children: React.ReactNode;

client/src/javascript/components/layout/ApplicationView.tsx

@@ -1,5 +1,5 @@
 import classnames from 'classnames';
-import React from 'react';
+import * as React from 'react';
 
 interface ApplicationViewProps {
   children: React.ReactNode;