remove unused React import

.eslintrc.json

@@ -22,6 +22,7 @@
     "react/display-name": "off",
     "@typescript-eslint/explicit-module-boundary-types": "off",
     "react/prop-types": "off",
-    "no-unused-vars": "warn"
+    "no-unused-vars": "warn",
+    "react/react-in-jsx-scope": "off"
   }
 }

src/client/App.tsx

@@ -1,6 +1,5 @@
 import { StoreProvider } from 'client/contexts/storeContext';
 import theme from 'client/UIKit/theme';
-import React from 'react';
 import { BrowserRouter } from 'react-router-dom';
 import { ThemeProvider } from 'styled-components';
 import './App.less';

src/client/Components/Result.jsx

@@ -1,5 +1,4 @@
 import { Result } from 'antd';
-import React from 'react';
 
 export default {
   404: () => <Result status="404" title="404" subTitle="Ой! Тут ничего нет." />,

src/client/Components/Spinner.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Box, Flex } from 'client/UIKit/grid';
 import { Spin } from 'antd';
 

src/client/Containers/Calculation/Info/index.jsx

@@ -1,6 +1,5 @@
 import { renderGroups } from 'client/Containers/Calculation/lib/renderSections';
 import Background from 'client/Elements/Background';
-import React from 'react';
 import { controlsList } from './infoList';
 
 const Results = props => (

src/client/Containers/Calculation/Results/index.jsx

@@ -1,7 +1,6 @@
 import { renderGroups } from 'client/Containers/Calculation/lib/renderSections';
 import Background from 'client/Elements/Background';
 import { Flex } from 'client/UIKit/grid';
-import React from 'react';
 import { calculationResults } from './resultsList';
 
 const Results = props => (

src/client/Containers/Calculation/ResultsTable/index.jsx

@@ -1,7 +1,6 @@
 import { renderGroups } from 'client/Containers/Calculation/lib/renderSections';
 import Background from 'client/Elements/Background';
 import { Flex } from 'client/UIKit/grid';
-import React from 'react';
 import { resultsTable } from './resultsTableList';
 
 const Results = props => (

src/client/Containers/Calculation/Sections/index.jsx

@@ -1,5 +1,4 @@
 import Background from 'client/Elements/Background';
-import React from 'react';
 import { renderSections } from '../lib/renderSections';
 import sectionsList from './sectionsList';
 

src/client/Containers/Calculation/index.jsx

@@ -4,7 +4,6 @@ import Modal from 'client/Elements/Modal';
 import withModal from 'client/hocs/Calculation/withModal';
 import { useFetch } from 'client/hooks/Calculation/useFetch';
 import { Flex } from 'client/UIKit/grid';
-import React from 'react';
 import Info from './Info';
 import fetchData from './lib/fetchData';
 import Results from './Results';

src/client/Containers/Calculation/lib/renderSections.js

@@ -2,7 +2,7 @@ import { Divider as AntDivider, Tabs } from 'antd';
 import { SecondaryColoredText } from 'client/Elements/Text';
 import colors from 'client/UIKit/colors';
 import { Flex } from 'client/UIKit/grid';
-import React from 'react';
+import { Fragment } from 'react';
 import styled from 'styled-components';
 import { buildElement } from '../lib/buildElement';
 import elementsTitles from './elements/titles';
@@ -41,7 +41,7 @@ const renderBlocks = ({ blocks }) => {
     const newLine = layout && layout.newLine;
     const width = (layout && layout.width) || '33%';
     return (
-      <React.Fragment key={ib}>
+      <Fragment key={ib}>
         {newLine && <BreakLine />}
         <Flex
           flexDirection="column"
@@ -65,7 +65,7 @@ const renderBlocks = ({ blocks }) => {
         {/* {!isSingleElement && blocks.length > 1 && ib < blocks.length - 2 && (
           <VerticalDivider />
         )} */}
-      </React.Fragment>
+      </Fragment>
     );
   });
 };
@@ -77,7 +77,7 @@ export const renderGroups = ({ groups }) => {
   return groups.map((group, ig) => {
     const { title: blocksTitle, blocks } = group;
     return (
-      <React.Fragment key={ig}>
+      <Fragment key={ig}>
         {blocksTitle && (
           <AntDivider
             style={{
@@ -92,7 +92,7 @@ export const renderGroups = ({ groups }) => {
         <Flex flexDirection="row" flexWrap="wrap">
           {renderBlocks({ blocks })}
         </Flex>
-      </React.Fragment>
+      </Fragment>
     );
   });
 };

src/client/Containers/NotFound.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import Result from 'client/Components/Result';
 
 const NotFound = () => {

src/client/Elements/Button.jsx

@@ -1,6 +1,5 @@
 import { Button as AntButton } from 'antd';
 import { ElementStatus } from 'core/types/statuses';
-import React from 'react';
 
 const Button = ({ status, action, text, ...props }) => {
   return (

src/client/Elements/Checkbox.jsx

@@ -1,6 +1,5 @@
 import { Checkbox as AntCheckbox, Form } from 'antd';
 import { ElementStatus } from 'core/types/statuses';
-import React from 'react';
 
 const Checkbox = ({
   value,

src/client/Elements/Download.jsx

@@ -1,6 +1,5 @@
 import { Button as AntButton } from 'antd';
 import { ElementStatus } from 'core/types/statuses';
-import React from 'react';
 
 const Download = ({ status, url, text, icon: Icon, ...props }) => {
   return (

src/client/Elements/Input.jsx

@@ -1,6 +1,5 @@
 import { Form, Input as AntInput } from 'antd';
 import { ElementStatus } from 'core/types/statuses';
-import React from 'react';
 
 const Input = ({
   value,

src/client/Elements/InputNumber.jsx

@@ -1,6 +1,5 @@
 import { Form, InputNumber as AntInputNumber } from 'antd';
 import { ElementStatus } from 'core/types/statuses';
-import React from 'react';
 
 const InputNumber = ({
   value,

src/client/Elements/Label.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import styled from 'styled-components';
 
 const TextWrapper = styled.div`

src/client/Elements/Modal.jsx

@@ -1,5 +1,4 @@
 import { Modal as AntModal } from 'antd';
-import React from 'react';
 
 const Modal = ({ visible, text, closeModal, ...props }) => {
   return (

src/client/Elements/Radio.jsx

@@ -1,6 +1,5 @@
 import { Form, Radio as AntRadio } from 'antd';
 import { ElementStatus } from 'core/types/statuses';
-import React from 'react';
 
 const Radio = ({
   value,

src/client/Elements/Select.jsx

@@ -1,6 +1,5 @@
 import { Form, Select as AntSelect } from 'antd';
 import { ElementStatus } from 'core/types/statuses';
-import React from 'react';
 
 const Select = ({
   value,

src/client/Elements/Switch.jsx

@@ -1,6 +1,5 @@
 import { Form, Switch as AntSwitch } from 'antd';
 import { ElementStatus } from 'core/types/statuses';
-import React from 'react';
 
 const Switch = ({
   value,

src/client/Elements/Table.jsx

@@ -1,7 +1,6 @@
 import { withTableValue } from 'client/hocs/Calculation/withTable';
 import colors from 'client/UIKit/colors';
 import { Box } from 'client/UIKit/grid';
-import React from 'react';
 import styled from 'styled-components';
 import mq from 'client/UIKit/mq';
 

src/client/Elements/TextArea.jsx

@@ -1,6 +1,5 @@
 import { Form, Input as AntInput } from 'antd';
 import { ElementStatus } from 'core/types/statuses';
-import React from 'react';
 
 const TextArea = ({
   value,

src/client/Elements/Title.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import styled from 'styled-components';
 
 const TitleText = styled.div`

src/client/Layout/Auth.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import Cookies from 'js-cookie';
 import styled from 'styled-components';
 import mq from 'client/UIKit/mq';

src/client/Layout/Header.jsx

@@ -1,7 +1,6 @@
 import colors from 'client/UIKit/colors';
 import { Flex } from 'client/UIKit/grid';
 import mq from 'client/UIKit/mq';
-import React from 'react';
 import styled from 'styled-components';
 import Logo from './Logo';
 import Auth from './Auth';

src/client/Layout/Logo.jsx

@@ -1,5 +1,4 @@
 import mq from 'client/UIKit/mq';
-import React from 'react';
 import styled from 'styled-components';
 import { Flex } from 'client/UIKit/grid';
 import colors from 'client/UIKit/colors';

src/client/Layout/index.jsx

@@ -1,5 +1,4 @@
 import { Flex } from 'client/UIKit/grid';
-import React from 'react';
 import Header from './Header';
 import Routes from './routes';
 

src/client/Layout/routes.jsx

@@ -1,6 +1,6 @@
 import paths from 'core/common/paths';
 import Spinner from 'client/Components/Spinner';
-import React, { Suspense } from 'react';
+import { Suspense } from 'react';
 import { Route, Switch } from 'react-router-dom';
 import { container as resolveContainer } from 'core/tools/resolve';
 

src/client/contexts/storeContext.js

@@ -1,4 +1,4 @@
-import React, { createContext } from "react";
+import { createContext } from "react";
 import RootStore from "client/stores";
 
 export const StoreContext = createContext();

src/client/hocs/Calculation/withButton.jsx

@@ -1,7 +1,6 @@
 import { observer } from 'mobx-react-lite';
 import { useStatus } from 'client/hooks/Calculation/useStatus';
 import { useAction } from 'client/hooks/Calculation/useAction';
-import React from 'react';
 
 export default Button => ({ name, actionName, ...props }) =>
   observer(() => {

src/client/hocs/Calculation/withComputedValue.jsx

@@ -1,7 +1,6 @@
 import { observer } from 'mobx-react-lite';
 import { useComputedValue } from 'client/hooks/Calculation/useValue';
 import { useStatus } from 'client/hooks/Calculation/useStatus';
-import React from 'react';
 
 export default Component => ({
   name,

src/client/hocs/Calculation/withLink.jsx

@@ -1,7 +1,6 @@
 import { useStatus } from 'client/hooks/Calculation/useStatus';
 import { useUrl } from 'client/hooks/Calculation/useUrl';
 import { observer } from 'mobx-react-lite';
-import React from 'react';
 
 export default Button => ({ name, urlName, ...props }) =>
   observer(() => {

src/client/hocs/Calculation/withModal.jsx

@@ -1,5 +1,4 @@
 import { observer } from 'mobx-react-lite';
-import React from 'react';
 import { useModal } from 'client/hooks/Calculation/useModal';
 
 export default Modal =>

src/client/hocs/Calculation/withTable.jsx

@@ -4,7 +4,6 @@ import { useTableValidation } from 'client/hooks/Calculation/useValidation';
 import { useTableValue } from 'client/hooks/Calculation/useValue';
 import { useStores } from 'client/hooks/useStores';
 import { observer } from 'mobx-react-lite';
-import React from 'react';
 
 export default Table => props => {
   const { name: tableName } = props;

src/client/hocs/Calculation/withValue.jsx

@@ -3,7 +3,6 @@ import { useStoreValue } from 'client/hooks/Calculation/useValue';
 import { useStatus } from 'client/hooks/Calculation/useStatus';
 import { useValidation } from 'client/hooks/Calculation/useValidation';
 import { useOptions } from 'client/hooks/Calculation/useOptions';
-import React from 'react';
 
 export default Component => ({ name, valueName, validation, ...props }) =>
   observer(() => {

src/index.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './client/App';
 import * as serviceWorker from './client/serviceWorker';

tsconfig.json

@@ -21,5 +21,5 @@
     "noFallthroughCasesInSwitch": true
   },
   "include": ["src", "src/client"],
-  "exclude": ["src/server", "./node_modules/**/*"]
+  "exclude": ["./node_modules/**/*"]
 }