#325 Updated to react 17

src/utils/BooleanControl.tsx

@@ -1,4 +1,4 @@
-import React, { ChangeEvent, FC } from 'react';
+import { ChangeEvent, FC } from 'react';
 import classNames from 'classnames';
 import { v4 as uuid } from 'uuid';
 import { identity } from 'ramda';

src/utils/Checkbox.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import { FC } from 'react';
 import BooleanControl, { BooleanControlProps } from './BooleanControl';
 
 const Checkbox: FC<BooleanControlProps> = (props) => <BooleanControl type="checkbox" {...props} />;

src/utils/DateInput.tsx

@@ -1,4 +1,4 @@
-import React, { Component, RefObject } from 'react';
+import { Component, RefObject, createRef } from 'react';
 import { isNil } from 'ramda';
 import DatePicker, { ReactDatePickerProps } from 'react-datepicker';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
@@ -11,7 +11,7 @@ export interface DateInputProps extends ReactDatePickerProps {
 }
 
 const DateInput = (props: DateInputProps) => {
-  const { className, isClearable, selected, ref = React.createRef() } = props;
+  const { className, isClearable, selected, ref = createRef() } = props;
   const showCalendarIcon = !isClearable || isNil(selected);
 
   return (

src/utils/DateRangeRow.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import moment from 'moment';
 import DateInput from './DateInput';
 import './DateRangeRow.scss';

src/utils/HorizontalFormGroup.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import { FC } from 'react';
 import { v4 as uuid } from 'uuid';
 import { InputType } from 'reactstrap/lib/Input';
 

src/utils/Message.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import { FC } from 'react';
 import { Card } from 'reactstrap';
 import classNames from 'classnames';
 import { faCircleNotch as preloader } from '@fortawesome/free-solid-svg-icons';

src/utils/PaginationDropdown.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { DropdownItem, DropdownMenu, DropdownToggle, UncontrolledDropdown } from 'reactstrap';
 
 interface PaginationDropdownProps {

src/utils/SearchField.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faSearch as searchIcon } from '@fortawesome/free-solid-svg-icons';
 import classNames from 'classnames';

src/utils/SortingDropdown.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { UncontrolledDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';
 import { toPairs } from 'ramda';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';

src/utils/ToggleSwitch.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import { FC } from 'react';
 import BooleanControl, { BooleanControlProps } from './BooleanControl';
 
 const ToggleSwitch: FC<BooleanControlProps> = (props) => <BooleanControl type="switch" {...props} />;