From 80d3dd58b4272df874624bae8cbb42d0462ab176 Mon Sep 17 00:00:00 2001
From: orcus <orcus20210925@gmail.com>
Date: Wed, 5 Jun 2024 15:39:36 +0800
Subject: [PATCH] feat: add comment of eslint disabled rule

---
 README.md                                                 | 2 --
 packages/core/configs/svgr/componentTemplate.js           | 2 +-
 packages/core/src/Avatar.js                               | 1 -
 packages/core/src/BasicRow.js                             | 1 -
 packages/core/src/Button.js                               | 1 -
 packages/core/src/Checkbox.js                             | 4 ++--
 packages/core/src/ColumnView.js                           | 1 -
 packages/core/src/EditableBasicRow.js                     | 8 +++++---
 packages/core/src/EditableText.js                         | 4 ++--
 packages/core/src/EditableTextLabel.js                    | 3 ++-
 packages/core/src/FlexCell.js                             | 1 -
 packages/core/src/HeaderRow.js                            | 1 -
 packages/core/src/Icon.js                                 | 1 -
 packages/core/src/IconButton.js                           | 5 ++---
 packages/core/src/IconCheckbox.js                         | 2 --
 packages/core/src/IconLayout.js                           | 2 +-
 packages/core/src/InfiniteScroll.js                       | 4 +++-
 packages/core/src/List.js                                 | 1 -
 packages/core/src/ListRow.js                              | 4 +++-
 packages/core/src/Modal.js                                | 1 -
 packages/core/src/Overlay.js                              | 2 +-
 packages/core/src/Popover.js                              | 1 -
 packages/core/src/Popup.js                                | 2 +-
 packages/core/src/PopupButton.js                          | 1 -
 packages/core/src/Radio.js                                | 1 -
 packages/core/src/SearchInput.js                          | 3 ++-
 packages/core/src/Section.js                              | 1 -
 packages/core/src/SplitView.js                            | 1 -
 packages/core/src/SplitViewColumn.js                      | 1 -
 packages/core/src/StatusIcon.js                           | 3 ++-
 packages/core/src/Switch.js                               | 2 +-
 packages/core/src/SwitchIcon.js                           | 1 -
 packages/core/src/Tag.js                                  | 1 -
 packages/core/src/Text.js                                 | 4 +++-
 packages/core/src/TextEllipsis.js                         | 1 -
 packages/core/src/TextInput.js                            | 3 +--
 packages/core/src/TextLabel.js                            | 1 -
 packages/core/src/Tooltip.js                              | 1 -
 packages/core/src/__tests__/Avatar.test.js                | 1 -
 packages/core/src/__tests__/BasicRow.test.js              | 2 +-
 packages/core/src/__tests__/Button.test.js                | 1 -
 packages/core/src/__tests__/Checkbox.test.js              | 1 -
 packages/core/src/__tests__/ColumnView.test.js            | 1 -
 packages/core/src/__tests__/EditableBasicRow.test.js      | 1 -
 packages/core/src/__tests__/EditableText.test.js          | 1 -
 packages/core/src/__tests__/EditableTextLabel.test.js     | 1 -
 packages/core/src/__tests__/FlexCell.test.js              | 1 -
 packages/core/src/__tests__/HeaderRow.test.js             | 1 -
 packages/core/src/__tests__/Icon.test.js                  | 1 -
 packages/core/src/__tests__/IconButton.test.js            | 2 +-
 packages/core/src/__tests__/IconCheckbox.test.js          | 1 -
 packages/core/src/__tests__/IconLayout.test.js            | 1 -
 packages/core/src/__tests__/InfiniteScroll.test.js        | 2 +-
 packages/core/src/__tests__/List.test.js                  | 1 -
 packages/core/src/__tests__/ListRow.test.js               | 1 -
 packages/core/src/__tests__/Modal.test.js                 | 1 -
 packages/core/src/__tests__/Overlay.test.js               | 1 -
 packages/core/src/__tests__/Popover.test.js               | 2 +-
 packages/core/src/__tests__/Popup.test.js                 | 1 -
 packages/core/src/__tests__/PopupButton.test.js           | 1 -
 packages/core/src/__tests__/Radio.test.js                 | 1 -
 packages/core/src/__tests__/SearchInput.test.js           | 3 ++-
 packages/core/src/__tests__/Section.test.js               | 1 -
 packages/core/src/__tests__/SplitView.test.js             | 1 -
 packages/core/src/__tests__/SplitViewColumn.test.js       | 1 -
 packages/core/src/__tests__/StatusIcon.test.js            | 2 +-
 packages/core/src/__tests__/Switch.test.js                | 1 -
 packages/core/src/__tests__/SwitchIcon.test.js            | 1 -
 packages/core/src/__tests__/Tag.test.js                   | 1 -
 packages/core/src/__tests__/Text.test.js                  | 2 +-
 packages/core/src/__tests__/TextEllipsis.test.js          | 1 -
 packages/core/src/__tests__/TextInput.test.js             | 2 +-
 packages/core/src/__tests__/TextLabel.test.js             | 1 -
 packages/core/src/__tests__/Tooltip.test.js               | 1 -
 packages/core/src/contexts/listSpacing.js                 | 3 +--
 packages/core/src/icons/components/Add.js                 | 2 --
 packages/core/src/icons/components/AddItem.js             | 2 --
 packages/core/src/icons/components/AddLocation.js         | 2 --
 packages/core/src/icons/components/AddMultiItems.js       | 2 --
 packages/core/src/icons/components/Announce.js            | 2 --
 packages/core/src/icons/components/Cash.js                | 2 --
 packages/core/src/icons/components/CheckboxEmpty.js       | 2 --
 packages/core/src/icons/components/CheckboxHalf.js        | 2 --
 packages/core/src/icons/components/CheckboxSelected.js    | 2 --
 packages/core/src/icons/components/ClearItem.js           | 2 --
 packages/core/src/icons/components/CopyLink.js            | 2 --
 packages/core/src/icons/components/Copypaste.js           | 2 --
 packages/core/src/icons/components/CreditCard.js          | 2 --
 packages/core/src/icons/components/CrmAddress.js          | 2 --
 packages/core/src/icons/components/CrmAge.js              | 2 --
 packages/core/src/icons/components/CrmBirthday.js         | 2 --
 packages/core/src/icons/components/CrmEmail.js            | 2 --
 packages/core/src/icons/components/CrmGender.js           | 2 --
 packages/core/src/icons/components/CrmMemberName.js       | 2 --
 packages/core/src/icons/components/CrmMemberNote.js       | 2 --
 packages/core/src/icons/components/CrmPhoneLand.js        | 2 --
 packages/core/src/icons/components/CrmPhoneMobile.js      | 2 --
 packages/core/src/icons/components/CtbcDirect.js          | 2 --
 packages/core/src/icons/components/CtbcMpos.js            | 2 --
 packages/core/src/icons/components/CustomPay.js           | 2 --
 packages/core/src/icons/components/Delete.js              | 2 --
 packages/core/src/icons/components/Download.js            | 2 --
 packages/core/src/icons/components/Drag.js                | 2 --
 packages/core/src/icons/components/Dropdown.js            | 2 --
 packages/core/src/icons/components/Duplicate.js           | 2 --
 packages/core/src/icons/components/Edit.js                | 2 --
 packages/core/src/icons/components/Error.js               | 2 --
 packages/core/src/icons/components/FirstPage.js           | 2 --
 packages/core/src/icons/components/Fold.js                | 2 --
 packages/core/src/icons/components/Folder.js              | 2 --
 packages/core/src/icons/components/Gear.js                | 2 --
 packages/core/src/icons/components/HeaderNext.js          | 2 --
 packages/core/src/icons/components/HeaderPrev.js          | 2 --
 packages/core/src/icons/components/Import.js              | 2 --
 packages/core/src/icons/components/InlineDropdown.js      | 2 --
 packages/core/src/icons/components/InlineError.js         | 2 --
 packages/core/src/icons/components/InlineInfo.js          | 2 --
 packages/core/src/icons/components/InlineLoading.js       | 2 --
 packages/core/src/icons/components/InlineQuestion.js      | 2 --
 packages/core/src/icons/components/InlineSuccess.js       | 2 --
 packages/core/src/icons/components/InventoryCategory.js   | 2 --
 packages/core/src/icons/components/InventoryItem.js       | 2 --
 packages/core/src/icons/components/LastPage.js            | 2 --
 packages/core/src/icons/components/Loading.js             | 2 --
 packages/core/src/icons/components/Location.js            | 2 --
 packages/core/src/icons/components/Lock.js                | 2 --
 packages/core/src/icons/components/Mapping.js             | 2 --
 packages/core/src/icons/components/MinusOne.js            | 2 --
 packages/core/src/icons/components/More.js                | 2 --
 packages/core/src/icons/components/Next.js                | 2 --
 packages/core/src/icons/components/NextPage.js            | 2 --
 packages/core/src/icons/components/OrderSheet.js          | 2 --
 packages/core/src/icons/components/Pause.js               | 2 --
 packages/core/src/icons/components/Pencil.js              | 2 --
 packages/core/src/icons/components/People.js              | 2 --
 packages/core/src/icons/components/Picture.js             | 2 --
 packages/core/src/icons/components/Play.js                | 2 --
 packages/core/src/icons/components/PlusOne.js             | 2 --
 packages/core/src/icons/components/Prev.js                | 2 --
 packages/core/src/icons/components/PrevPage.js            | 2 --
 packages/core/src/icons/components/Printer.js             | 2 --
 packages/core/src/icons/components/Question.js            | 2 --
 packages/core/src/icons/components/RadioEmpty.js          | 2 --
 packages/core/src/icons/components/RadioSelected.js       | 2 --
 packages/core/src/icons/components/Refresh.js             | 2 --
 packages/core/src/icons/components/RemoveElement.js       | 2 --
 packages/core/src/icons/components/Retry.js               | 2 --
 packages/core/src/icons/components/Search.js              | 2 --
 packages/core/src/icons/components/Sort.js                | 2 --
 packages/core/src/icons/components/Success.js             | 2 --
 packages/core/src/icons/components/Table.js               | 2 --
 packages/core/src/icons/components/Takeout.js             | 2 --
 packages/core/src/icons/components/Tickets.js             | 2 --
 packages/core/src/icons/components/Trashcan.js            | 2 --
 packages/core/src/icons/components/Unfold.js              | 2 --
 packages/core/src/icons/components/Unlock.js              | 2 --
 packages/core/src/icons/components/Upload.js              | 2 --
 .../core/src/icons/components/__tests__/Upload.test.js    | 1 -
 packages/core/src/index.js                                | 2 ++
 packages/core/src/mixins/__tests__/closable.test.js       | 1 -
 packages/core/src/mixins/__tests__/escapable.test.js      | 1 -
 packages/core/src/mixins/__tests__/renderToLayer.test.js  | 3 ++-
 packages/core/src/mixins/__tests__/rowComp.test.js        | 7 ++++---
 packages/core/src/mixins/__tests__/withStatus.test.js     | 4 +++-
 packages/core/src/mixins/anchored/__tests__/index.js      | 3 ++-
 packages/core/src/mixins/anchored/index.js                | 4 +++-
 packages/core/src/mixins/closable.js                      | 3 ++-
 packages/core/src/mixins/escapable.js                     | 2 +-
 packages/core/src/mixins/renderToLayer.js                 | 2 +-
 packages/core/src/mixins/rowComp.js                       | 5 +++--
 packages/core/src/mixins/withStatus.js                    | 2 +-
 .../core/src/utils/__tests__/getComponentName.test.js     | 2 +-
 .../core/src/utils/__tests__/wrapIfNotElement.test.js     | 1 -
 packages/core/src/utils/wrapIfNotElement.js               | 3 +--
 packages/form/src/RadioSelectList.js                      | 1 -
 packages/form/src/RadioSelectOption.js                    | 1 -
 packages/form/src/SelectList.js                           | 7 ++++---
 packages/form/src/SelectOption.js                         | 1 -
 packages/form/src/SelectRow.js                            | 4 +++-
 packages/form/src/SwitchRow.js                            | 3 ++-
 packages/form/src/TextInputRow.js                         | 3 ++-
 packages/form/src/__tests__/RadioSelectList.test.js       | 1 -
 packages/form/src/__tests__/RadioSelectOption.test.js     | 1 -
 packages/form/src/__tests__/SelectList.test.js            | 1 -
 packages/form/src/__tests__/SelectOption.test.js          | 1 -
 packages/form/src/__tests__/SelectRow.test.js             | 1 -
 packages/form/src/__tests__/SwitchRow.test.js             | 1 -
 packages/form/src/__tests__/TextInputRow.test.js          | 2 +-
 packages/form/src/mixins/__tests__/formRow.test.js        | 2 +-
 packages/form/src/mixins/formRow.js                       | 2 +-
 .../form/src/utils/__tests__/getElementTypeSymbol.test.js | 1 -
 .../form/src/utils/__tests__/parseSelectOptions.test.js   | 8 +++-----
 packages/imageeditor/src/EditorPlaceholder.js             | 1 -
 packages/imageeditor/src/ImageEditor.js                   | 6 ++++--
 .../imageeditor/src/__tests__/EditorPlaceholder.test.js   | 1 -
 packages/imageeditor/src/__tests__/ImageEditor.test.js    | 1 -
 packages/storybook/.storybook/Code.js                     | 2 --
 packages/storybook/examples/core/Avatar.stories.js        | 4 +---
 packages/storybook/examples/core/Button.stories.js        | 3 +--
 packages/storybook/examples/core/Checkbox.stories.js      | 4 ++--
 packages/storybook/examples/core/ColumnView.stories.js    | 1 -
 packages/storybook/examples/core/EditableText.stories.js  | 3 +--
 .../storybook/examples/core/EditableTextLabel.stories.js  | 4 ++--
 packages/storybook/examples/core/HeaderRow.stories.js     | 4 +---
 packages/storybook/examples/core/Icon.stories.js          | 2 --
 packages/storybook/examples/core/IconButton.stories.js    | 4 +---
 packages/storybook/examples/core/IconCheckbox.stories.js  | 3 +--
 .../storybook/examples/core/InfiniteScroll.stories.js     | 2 +-
 packages/storybook/examples/core/List.stories.js          | 4 +---
 packages/storybook/examples/core/Modal.stories.js         | 2 +-
 packages/storybook/examples/core/Popover.stories.js       | 2 +-
 packages/storybook/examples/core/Popup.stories.js         | 1 -
 packages/storybook/examples/core/Radio.stories.js         | 3 +--
 packages/storybook/examples/core/SearchInput.stories.js   | 4 ++--
 packages/storybook/examples/core/Section.stories.js       | 4 +---
 packages/storybook/examples/core/SplitView.stories.js     | 6 ++----
 packages/storybook/examples/core/StatusIcon.stories.js    | 6 +++---
 packages/storybook/examples/core/Switch.stories.js        | 4 +---
 packages/storybook/examples/core/SwitchIcon.stories.js    | 1 -
 packages/storybook/examples/core/Tag.stories.js           | 2 --
 packages/storybook/examples/core/Text.stories.js          | 4 +---
 packages/storybook/examples/core/TextInput.stories.js     | 3 +--
 packages/storybook/examples/core/TextLabel.stories.js     | 4 ++--
 packages/storybook/examples/core/Tooltip.stories.js       | 2 +-
 .../storybook/examples/form/RadioSelectList.stories.js    | 1 -
 packages/storybook/examples/form/SelectList.stories.js    | 1 -
 packages/storybook/examples/form/SelectRow.stories.js     | 1 -
 packages/storybook/examples/form/SwitchRow.stories.js     | 2 --
 packages/storybook/examples/form/TextInputRow.stories.js  | 1 -
 .../examples/imageeditor/ImageEditor/index.stories.js     | 2 --
 .../imageeditor/ImageEditor/utils/handleLoadSuccess.js    | 1 +
 packages/storybook/examples/intro.stories.mdx             | 1 -
 packages/storybook/utils/ColoredBox.js                    | 1 -
 packages/storybook/utils/DebugBox.js                      | 1 -
 packages/storybook/utils/FlexRow.js                       | 2 --
 235 files changed, 119 insertions(+), 370 deletions(-)

diff --git a/README.md b/README.md
index 36659d5a..399f7f6d 100644
--- a/README.md
+++ b/README.md
@@ -27,7 +27,6 @@ Here is a quick example to get you started:
 **./App.js**
 
 ```jsx
-import React from 'react';
 import { createRoot } from 'react-dom/client';
 
 import CustomComponent from './CustomComponent';
@@ -48,7 +47,6 @@ root.render(<App />);
 **./CustomComponent.js**
 
 ```jsx
-import React from 'react';
 import { Button } from '@ichef/gypcrete';
 
 const CustomComponent = () => <Button basic="Hello World!" />;
diff --git a/packages/core/configs/svgr/componentTemplate.js b/packages/core/configs/svgr/componentTemplate.js
index 6d4dfe19..26d1cdc1 100644
--- a/packages/core/configs/svgr/componentTemplate.js
+++ b/packages/core/configs/svgr/componentTemplate.js
@@ -10,7 +10,7 @@ function componentTemplate({ template }, opts, { componentName, props, jsx }) {
    * See usage: https://babeljs.io/docs/en/next/babel-template.html#string-usage
    */
   const code = `
-    import React from 'react';
+
     NEWLINE
 
     export default function COMPONENT_NAME(PROPS) {
diff --git a/packages/core/src/Avatar.js b/packages/core/src/Avatar.js
index 46c3e38a..297dbef7 100644
--- a/packages/core/src/Avatar.js
+++ b/packages/core/src/Avatar.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
diff --git a/packages/core/src/BasicRow.js b/packages/core/src/BasicRow.js
index 23681f2c..99e5f423 100644
--- a/packages/core/src/BasicRow.js
+++ b/packages/core/src/BasicRow.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 
 import FlexCell from './FlexCell';
diff --git a/packages/core/src/Button.js b/packages/core/src/Button.js
index efe70a6d..c6f669a1 100644
--- a/packages/core/src/Button.js
+++ b/packages/core/src/Button.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
diff --git a/packages/core/src/Checkbox.js b/packages/core/src/Checkbox.js
index 0106f468..752dd959 100644
--- a/packages/core/src/Checkbox.js
+++ b/packages/core/src/Checkbox.js
@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import prefixClass from './utils/prefixClass';
@@ -90,7 +90,7 @@ class Checkbox extends PureComponent {
   render() {
     const {
       input,
-      indeterminate,
+      indeterminate, // eslint-disable-line no-unused-vars
       overrideButton,
       // <input> props
       checked,
diff --git a/packages/core/src/ColumnView.js b/packages/core/src/ColumnView.js
index d675409e..3536e574 100644
--- a/packages/core/src/ColumnView.js
+++ b/packages/core/src/ColumnView.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import './styles/ColumnView.scss';
diff --git a/packages/core/src/EditableBasicRow.js b/packages/core/src/EditableBasicRow.js
index 0d1778fb..5c7c2ea3 100644
--- a/packages/core/src/EditableBasicRow.js
+++ b/packages/core/src/EditableBasicRow.js
@@ -1,4 +1,4 @@
-import React, { useState, useRef, useEffect } from 'react';
+import { useState, useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import './styles/EditableBasicRow.scss';
@@ -56,7 +56,7 @@ export const ROW_INPUT_TAGS = {
  *     onChange={(event) => console.log(event.target.value)} />
  * ```
  */
-
+// eslint-disable-next-line no-undef
 const EditableBasicRow = React.memo(
   ({
     inputTag: InputTag,
@@ -69,13 +69,15 @@ const EditableBasicRow = React.memo(
     onFocus,
     onBlur,
     // status props
+    // eslint-disable-next-line no-unused-vars
     status, // digested by this component and should not go into <input>
     statusIcon,
     // React props
     className,
     // <BasicRow> props from <Text>, should ignore
+    // eslint-disable-next-line no-unused-vars
     basic, // eslint-disable-line react/prop-types
-    tag, // eslint-disable-line react/prop-types
+    tag, // eslint-disable-line react/prop-types, no-unused-vars
     ...inputProps
   }) => {
     const [currentValue, setCurrentValue] = useState(
diff --git a/packages/core/src/EditableText.js b/packages/core/src/EditableText.js
index 0c719548..dff3e5fe 100644
--- a/packages/core/src/EditableText.js
+++ b/packages/core/src/EditableText.js
@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 
 import withStatus, { withStatusPropTypes, STATUS_CODE } from './mixins/withStatus';
@@ -87,7 +87,7 @@ class EditableText extends PureComponent {
       statusIcon,
       errorMsg,
       // React props,
-      className,
+      className, // eslint-disable-line no-unused-vars
       ...editableRowProps
     } = this.props;
 
diff --git a/packages/core/src/EditableTextLabel.js b/packages/core/src/EditableTextLabel.js
index f34d8e10..5a739ff2 100644
--- a/packages/core/src/EditableTextLabel.js
+++ b/packages/core/src/EditableTextLabel.js
@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useCallback, useRef } from 'react';
+import { useState, useEffect, useCallback, useRef } from 'react';
 import PropTypes from 'prop-types';
 import keycode from 'keycode';
 
@@ -32,6 +32,7 @@ const TOUCH_TIMEOUT_MS = 250;
  * It does not offer direct control to the `<input>` inside.
  */
 
+// eslint-disable-next-line no-undef
 const EditableTextLabel = React.memo(
   ({
     inEdit: inEditProp, // not used here
diff --git a/packages/core/src/FlexCell.js b/packages/core/src/FlexCell.js
index facc6fac..d8fbc567 100644
--- a/packages/core/src/FlexCell.js
+++ b/packages/core/src/FlexCell.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 
 import icBEM from './utils/icBEM';
diff --git a/packages/core/src/HeaderRow.js b/packages/core/src/HeaderRow.js
index 55b3ac60..df24ab99 100644
--- a/packages/core/src/HeaderRow.js
+++ b/packages/core/src/HeaderRow.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import './styles/HeaderRow.scss';
diff --git a/packages/core/src/Icon.js b/packages/core/src/Icon.js
index 00589103..55e9565c 100644
--- a/packages/core/src/Icon.js
+++ b/packages/core/src/Icon.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
diff --git a/packages/core/src/IconButton.js b/packages/core/src/IconButton.js
index 11d1058a..99621d18 100644
--- a/packages/core/src/IconButton.js
+++ b/packages/core/src/IconButton.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
@@ -19,8 +18,8 @@ import IconLayout from './IconLayout';
 function IconButton({
   icon,
   tinted,
-  color,
-  solid,
+  color, // eslint-disable-line no-unused-vars
+  solid, // eslint-disable-line no-unused-vars
   // React props
   className,
   ...buttonProps
diff --git a/packages/core/src/IconCheckbox.js b/packages/core/src/IconCheckbox.js
index 3c7bc6da..a8c8d2ae 100644
--- a/packages/core/src/IconCheckbox.js
+++ b/packages/core/src/IconCheckbox.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import IconLayout from './IconLayout';
 import Checkbox, { CHECKBOX_BUTTON } from './Checkbox';
 
diff --git a/packages/core/src/IconLayout.js b/packages/core/src/IconLayout.js
index 4235219b..8c51670d 100644
--- a/packages/core/src/IconLayout.js
+++ b/packages/core/src/IconLayout.js
@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 
 import withStatus, { withStatusPropTypes } from './mixins/withStatus';
diff --git a/packages/core/src/InfiniteScroll.js b/packages/core/src/InfiniteScroll.js
index 0ee9dd26..1b806897 100644
--- a/packages/core/src/InfiniteScroll.js
+++ b/packages/core/src/InfiniteScroll.js
@@ -1,4 +1,4 @@
-import React, { PureComponent, isValidElement } from 'react';
+import { PureComponent, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import documentOffset from 'document-offset';
@@ -272,6 +272,7 @@ class InfiniteScroll extends PureComponent {
   //   Renderer
   // -------------------------------------
 
+  /* eslint-disable no-unused-vars */
   render() {
     const {
       onLoadMore,
@@ -290,6 +291,7 @@ class InfiniteScroll extends PureComponent {
       style,
       ...rootProps
     } = this.props;
+    /* eslint-enable no-unused-vars */
 
     // Get classnames and styles`
     const rootClassName = classNames(`${BEM.root}`, className);
diff --git a/packages/core/src/List.js b/packages/core/src/List.js
index e03ee4a4..55224e66 100644
--- a/packages/core/src/List.js
+++ b/packages/core/src/List.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import './styles/List.scss';
diff --git a/packages/core/src/ListRow.js b/packages/core/src/ListRow.js
index f35fe169..1be709d0 100644
--- a/packages/core/src/ListRow.js
+++ b/packages/core/src/ListRow.js
@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
@@ -58,6 +58,7 @@ class ListRow extends PureComponent {
     );
   }
 
+  /* eslint-disable no-unused-vars */
   render() {
     const {
       highlight,
@@ -72,6 +73,7 @@ class ListRow extends PureComponent {
       children,
       ...wrapperProps
     } = this.props;
+    /* eslint-enable no-unused-vars */
 
     const bemClass = BEM.root.modifier('highlight', highlight);
 
diff --git a/packages/core/src/Modal.js b/packages/core/src/Modal.js
index b6769584..08d844d7 100644
--- a/packages/core/src/Modal.js
+++ b/packages/core/src/Modal.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import memoize from 'memoize-one';
diff --git a/packages/core/src/Overlay.js b/packages/core/src/Overlay.js
index d78d6e76..6414f64f 100644
--- a/packages/core/src/Overlay.js
+++ b/packages/core/src/Overlay.js
@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import classNames from 'classnames';
 
 import icBEM from './utils/icBEM';
diff --git a/packages/core/src/Popover.js b/packages/core/src/Popover.js
index de03a2f4..005c333c 100644
--- a/packages/core/src/Popover.js
+++ b/packages/core/src/Popover.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
diff --git a/packages/core/src/Popup.js b/packages/core/src/Popup.js
index 4bee8d50..4dbc5756 100644
--- a/packages/core/src/Popup.js
+++ b/packages/core/src/Popup.js
@@ -1,4 +1,4 @@
-import React, { isValidElement } from 'react';
+import { isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
diff --git a/packages/core/src/PopupButton.js b/packages/core/src/PopupButton.js
index b3c09c5a..1cb20601 100644
--- a/packages/core/src/PopupButton.js
+++ b/packages/core/src/PopupButton.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import classNames from 'classnames';
 
 import prefixClass from './utils/prefixClass';
diff --git a/packages/core/src/Radio.js b/packages/core/src/Radio.js
index 42e41ceb..2f30c674 100644
--- a/packages/core/src/Radio.js
+++ b/packages/core/src/Radio.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
diff --git a/packages/core/src/SearchInput.js b/packages/core/src/SearchInput.js
index 4f08e800..9907779a 100644
--- a/packages/core/src/SearchInput.js
+++ b/packages/core/src/SearchInput.js
@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
@@ -63,6 +63,7 @@ class SearchInput extends Component {
     innerValue: this.props.defaultValue,
   };
 
+  // eslint-disable-next-line no-undef
   inputRef = React.createRef();
 
   cachedValue = null;
diff --git a/packages/core/src/Section.js b/packages/core/src/Section.js
index b623f7e7..5517616b 100644
--- a/packages/core/src/Section.js
+++ b/packages/core/src/Section.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
diff --git a/packages/core/src/SplitView.js b/packages/core/src/SplitView.js
index a280bffd..547e3845 100644
--- a/packages/core/src/SplitView.js
+++ b/packages/core/src/SplitView.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import classNames from 'classnames';
 
 import icBEM from './utils/icBEM';
diff --git a/packages/core/src/SplitViewColumn.js b/packages/core/src/SplitViewColumn.js
index 342c2f6f..dfcdd778 100644
--- a/packages/core/src/SplitViewColumn.js
+++ b/packages/core/src/SplitViewColumn.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
diff --git a/packages/core/src/StatusIcon.js b/packages/core/src/StatusIcon.js
index bfa08e60..bbc55124 100644
--- a/packages/core/src/StatusIcon.js
+++ b/packages/core/src/StatusIcon.js
@@ -1,4 +1,4 @@
-import React, { useState, useRef, useCallback, useEffect } from 'react';
+import { useState, useRef, useCallback, useEffect } from 'react';
 import PropTypes from 'prop-types';
 
 import icBEM from './utils/icBEM';
@@ -21,6 +21,7 @@ const ROOT_BEM = icBEM(COMPONENT_NAME);
 
 const ICON_HIDE_TIMEOUT = 2 * 1000;
 
+// eslint-disable-next-line no-undef
 const StatusIcon = React.memo(({ status, position, autohide, ...wrapperProps }) => {
   const [hideIcon, setHideIcon] = useState(false);
   const hideIconTimeout = useRef(null);
diff --git a/packages/core/src/Switch.js b/packages/core/src/Switch.js
index 39731d00..79b26a88 100644
--- a/packages/core/src/Switch.js
+++ b/packages/core/src/Switch.js
@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
diff --git a/packages/core/src/SwitchIcon.js b/packages/core/src/SwitchIcon.js
index 62ae1066..efadd092 100644
--- a/packages/core/src/SwitchIcon.js
+++ b/packages/core/src/SwitchIcon.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
diff --git a/packages/core/src/Tag.js b/packages/core/src/Tag.js
index 1742a967..0930c179 100644
--- a/packages/core/src/Tag.js
+++ b/packages/core/src/Tag.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import classNames from 'classnames';
 import './styles/Tag.scss';
 
diff --git a/packages/core/src/Text.js b/packages/core/src/Text.js
index 7716fc6b..87ef57db 100644
--- a/packages/core/src/Text.js
+++ b/packages/core/src/Text.js
@@ -15,7 +15,7 @@
  * └╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌┘
  */
 
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
@@ -90,8 +90,10 @@ class Text extends PureComponent {
       className: classNames(BEM.row.toString(), BEM.basic.toString()),
     };
 
+    // eslint-disable-next-line no-undef
     if (basicRow && React.isValidElement(basicRow)) {
       // Inject { basic, tag, statusIcon } to default or custom row.
+      // eslint-disable-next-line no-undef
       return React.cloneElement(basicRow, basicRowProps);
     }
 
diff --git a/packages/core/src/TextEllipsis.js b/packages/core/src/TextEllipsis.js
index 24e03420..c4818286 100644
--- a/packages/core/src/TextEllipsis.js
+++ b/packages/core/src/TextEllipsis.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import icBEM from './utils/icBEM';
 import prefixClass from './utils/prefixClass';
 import './styles/TextEllipsis.scss';
diff --git a/packages/core/src/TextInput.js b/packages/core/src/TextInput.js
index f6da6af4..37f60f37 100644
--- a/packages/core/src/TextInput.js
+++ b/packages/core/src/TextInput.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
@@ -99,7 +98,7 @@ function TextInput(
     maxRows,
     // React props
     className,
-    children,
+    children, // eslint-disable-line no-unused-vars
     ...inputProps
   },
   context,
diff --git a/packages/core/src/TextLabel.js b/packages/core/src/TextLabel.js
index b121b2d2..f5d06f9a 100644
--- a/packages/core/src/TextLabel.js
+++ b/packages/core/src/TextLabel.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import classNames from 'classnames';
 import prefixClass from './utils/prefixClass';
 import rowComp from './mixins/rowComp';
diff --git a/packages/core/src/Tooltip.js b/packages/core/src/Tooltip.js
index e12cde50..054c2c5b 100644
--- a/packages/core/src/Tooltip.js
+++ b/packages/core/src/Tooltip.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import classNames from 'classnames';
 
 import icBEM from './utils/icBEM';
diff --git a/packages/core/src/__tests__/Avatar.test.js b/packages/core/src/__tests__/Avatar.test.js
index 3787e5e7..756d9a1a 100644
--- a/packages/core/src/__tests__/Avatar.test.js
+++ b/packages/core/src/__tests__/Avatar.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 
diff --git a/packages/core/src/__tests__/BasicRow.test.js b/packages/core/src/__tests__/BasicRow.test.js
index 1c58f595..706b47d2 100644
--- a/packages/core/src/__tests__/BasicRow.test.js
+++ b/packages/core/src/__tests__/BasicRow.test.js
@@ -1,4 +1,4 @@
-import React from 'react';
+/* eslint-disable testing-library/no-node-access */
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 
diff --git a/packages/core/src/__tests__/Button.test.js b/packages/core/src/__tests__/Button.test.js
index cb95d57c..60d9f20e 100644
--- a/packages/core/src/__tests__/Button.test.js
+++ b/packages/core/src/__tests__/Button.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 
diff --git a/packages/core/src/__tests__/Checkbox.test.js b/packages/core/src/__tests__/Checkbox.test.js
index 5af94ffa..32087f12 100644
--- a/packages/core/src/__tests__/Checkbox.test.js
+++ b/packages/core/src/__tests__/Checkbox.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow, mount } from 'enzyme';
 
diff --git a/packages/core/src/__tests__/ColumnView.test.js b/packages/core/src/__tests__/ColumnView.test.js
index 0623a74e..23680bfa 100644
--- a/packages/core/src/__tests__/ColumnView.test.js
+++ b/packages/core/src/__tests__/ColumnView.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 
diff --git a/packages/core/src/__tests__/EditableBasicRow.test.js b/packages/core/src/__tests__/EditableBasicRow.test.js
index 3accda8d..f632d668 100644
--- a/packages/core/src/__tests__/EditableBasicRow.test.js
+++ b/packages/core/src/__tests__/EditableBasicRow.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render, screen, fireEvent } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import EditableBasicRow, { ROW_INPUT_TAGS } from '../EditableBasicRow';
diff --git a/packages/core/src/__tests__/EditableText.test.js b/packages/core/src/__tests__/EditableText.test.js
index 368e0ba9..65c0ca96 100644
--- a/packages/core/src/__tests__/EditableText.test.js
+++ b/packages/core/src/__tests__/EditableText.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 
diff --git a/packages/core/src/__tests__/EditableTextLabel.test.js b/packages/core/src/__tests__/EditableTextLabel.test.js
index 7d352a08..b4124f41 100644
--- a/packages/core/src/__tests__/EditableTextLabel.test.js
+++ b/packages/core/src/__tests__/EditableTextLabel.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { screen, render, waitFor, fireEvent } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import EditableTextLabel from '../EditableTextLabel';
diff --git a/packages/core/src/__tests__/FlexCell.test.js b/packages/core/src/__tests__/FlexCell.test.js
index 4afea268..b1e211c2 100644
--- a/packages/core/src/__tests__/FlexCell.test.js
+++ b/packages/core/src/__tests__/FlexCell.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import FlexCell from '../FlexCell';
 
diff --git a/packages/core/src/__tests__/HeaderRow.test.js b/packages/core/src/__tests__/HeaderRow.test.js
index 8eb823ec..bf747e97 100644
--- a/packages/core/src/__tests__/HeaderRow.test.js
+++ b/packages/core/src/__tests__/HeaderRow.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 
diff --git a/packages/core/src/__tests__/Icon.test.js b/packages/core/src/__tests__/Icon.test.js
index bdc7d386..66f819b4 100644
--- a/packages/core/src/__tests__/Icon.test.js
+++ b/packages/core/src/__tests__/Icon.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import Icon from '../Icon';
 
diff --git a/packages/core/src/__tests__/IconButton.test.js b/packages/core/src/__tests__/IconButton.test.js
index 78b77184..50d90fe3 100644
--- a/packages/core/src/__tests__/IconButton.test.js
+++ b/packages/core/src/__tests__/IconButton.test.js
@@ -1,4 +1,4 @@
-import React from 'react';
+/* eslint-disable testing-library/no-node-access */
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 
diff --git a/packages/core/src/__tests__/IconCheckbox.test.js b/packages/core/src/__tests__/IconCheckbox.test.js
index 628d97b0..2b7edc7f 100644
--- a/packages/core/src/__tests__/IconCheckbox.test.js
+++ b/packages/core/src/__tests__/IconCheckbox.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 
diff --git a/packages/core/src/__tests__/IconLayout.test.js b/packages/core/src/__tests__/IconLayout.test.js
index 11bc8a8f..c74bfef8 100644
--- a/packages/core/src/__tests__/IconLayout.test.js
+++ b/packages/core/src/__tests__/IconLayout.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 
diff --git a/packages/core/src/__tests__/InfiniteScroll.test.js b/packages/core/src/__tests__/InfiniteScroll.test.js
index 04f8697e..04903ffd 100644
--- a/packages/core/src/__tests__/InfiniteScroll.test.js
+++ b/packages/core/src/__tests__/InfiniteScroll.test.js
@@ -1,4 +1,4 @@
-import React from 'react';
+/* eslint-disable testing-library/no-node-access */
 import { render } from '@testing-library/react';
 import { shallow, mount } from 'enzyme';
 
diff --git a/packages/core/src/__tests__/List.test.js b/packages/core/src/__tests__/List.test.js
index 82c7f3fa..62a9655c 100644
--- a/packages/core/src/__tests__/List.test.js
+++ b/packages/core/src/__tests__/List.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow, mount } from 'enzyme';
 
diff --git a/packages/core/src/__tests__/ListRow.test.js b/packages/core/src/__tests__/ListRow.test.js
index 36ac8c12..694c263f 100644
--- a/packages/core/src/__tests__/ListRow.test.js
+++ b/packages/core/src/__tests__/ListRow.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 
diff --git a/packages/core/src/__tests__/Modal.test.js b/packages/core/src/__tests__/Modal.test.js
index ace1c538..0a029143 100644
--- a/packages/core/src/__tests__/Modal.test.js
+++ b/packages/core/src/__tests__/Modal.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { shallow } from 'enzyme';
 
 import { BEM, PureModal, DefaultHeader } from '../Modal';
diff --git a/packages/core/src/__tests__/Overlay.test.js b/packages/core/src/__tests__/Overlay.test.js
index b3532c73..0204335b 100644
--- a/packages/core/src/__tests__/Overlay.test.js
+++ b/packages/core/src/__tests__/Overlay.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { mount } from 'enzyme';
 
diff --git a/packages/core/src/__tests__/Popover.test.js b/packages/core/src/__tests__/Popover.test.js
index 85045415..789d5c9d 100644
--- a/packages/core/src/__tests__/Popover.test.js
+++ b/packages/core/src/__tests__/Popover.test.js
@@ -1,4 +1,4 @@
-import React from 'react';
+/* eslint-disable testing-library/no-node-access */
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 
diff --git a/packages/core/src/__tests__/Popup.test.js b/packages/core/src/__tests__/Popup.test.js
index 2d7a400e..a6b223bb 100644
--- a/packages/core/src/__tests__/Popup.test.js
+++ b/packages/core/src/__tests__/Popup.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 
diff --git a/packages/core/src/__tests__/PopupButton.test.js b/packages/core/src/__tests__/PopupButton.test.js
index a968d3bc..85e53409 100644
--- a/packages/core/src/__tests__/PopupButton.test.js
+++ b/packages/core/src/__tests__/PopupButton.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 
diff --git a/packages/core/src/__tests__/Radio.test.js b/packages/core/src/__tests__/Radio.test.js
index f94f6154..73e17a2e 100644
--- a/packages/core/src/__tests__/Radio.test.js
+++ b/packages/core/src/__tests__/Radio.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 
diff --git a/packages/core/src/__tests__/SearchInput.test.js b/packages/core/src/__tests__/SearchInput.test.js
index fbc46864..c5cee0c8 100644
--- a/packages/core/src/__tests__/SearchInput.test.js
+++ b/packages/core/src/__tests__/SearchInput.test.js
@@ -1,4 +1,4 @@
-import React from 'react';
+/* eslint-disable testing-library/no-node-access */
 import { render, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { PureSearchInput as SearchInput } from '../SearchInput';
@@ -10,6 +10,7 @@ describe('<SearchInput />', () => {
 
   const setup = (props = {}) => {
     const utils = render(<SearchInput {...props} />);
+    // eslint-disable-next-line testing-library/prefer-screen-queries
     const input = utils.getByPlaceholderText('Search');
     return {
       input,
diff --git a/packages/core/src/__tests__/Section.test.js b/packages/core/src/__tests__/Section.test.js
index 0ae0b34b..83e67f9c 100644
--- a/packages/core/src/__tests__/Section.test.js
+++ b/packages/core/src/__tests__/Section.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 
diff --git a/packages/core/src/__tests__/SplitView.test.js b/packages/core/src/__tests__/SplitView.test.js
index 840c7207..26bebb1a 100644
--- a/packages/core/src/__tests__/SplitView.test.js
+++ b/packages/core/src/__tests__/SplitView.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 
diff --git a/packages/core/src/__tests__/SplitViewColumn.test.js b/packages/core/src/__tests__/SplitViewColumn.test.js
index 0707faa9..100b240b 100644
--- a/packages/core/src/__tests__/SplitViewColumn.test.js
+++ b/packages/core/src/__tests__/SplitViewColumn.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 
diff --git a/packages/core/src/__tests__/StatusIcon.test.js b/packages/core/src/__tests__/StatusIcon.test.js
index 644d9b99..f0f58135 100644
--- a/packages/core/src/__tests__/StatusIcon.test.js
+++ b/packages/core/src/__tests__/StatusIcon.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render, act, cleanup, waitFor, screen } from '@testing-library/react';
 import StatusIcon, { STATUS_CODE } from '../StatusIcon';
 
@@ -32,6 +31,7 @@ describe('<StatusIcon />', () => {
     act(() => {
       jest.advanceTimersByTime(2000);
     });
+    // eslint-disable-next-line jest-dom/prefer-in-document
     await waitFor(() => expect(screen.queryByRole('presentation')).toBeNull());
   });
 
diff --git a/packages/core/src/__tests__/Switch.test.js b/packages/core/src/__tests__/Switch.test.js
index 02ac02ba..2c0bda42 100644
--- a/packages/core/src/__tests__/Switch.test.js
+++ b/packages/core/src/__tests__/Switch.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 
diff --git a/packages/core/src/__tests__/SwitchIcon.test.js b/packages/core/src/__tests__/SwitchIcon.test.js
index 9d58b0b4..4ca2b41d 100644
--- a/packages/core/src/__tests__/SwitchIcon.test.js
+++ b/packages/core/src/__tests__/SwitchIcon.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 import SwitchIcon from '../SwitchIcon';
diff --git a/packages/core/src/__tests__/Tag.test.js b/packages/core/src/__tests__/Tag.test.js
index 757ac26d..b2344808 100644
--- a/packages/core/src/__tests__/Tag.test.js
+++ b/packages/core/src/__tests__/Tag.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import Tag from '../Tag';
 
diff --git a/packages/core/src/__tests__/Text.test.js b/packages/core/src/__tests__/Text.test.js
index 57ed77a4..b418c218 100644
--- a/packages/core/src/__tests__/Text.test.js
+++ b/packages/core/src/__tests__/Text.test.js
@@ -1,4 +1,4 @@
-import React from 'react';
+/* eslint-disable testing-library/no-node-access */
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 
diff --git a/packages/core/src/__tests__/TextEllipsis.test.js b/packages/core/src/__tests__/TextEllipsis.test.js
index 4cb23bef..bba98c6d 100644
--- a/packages/core/src/__tests__/TextEllipsis.test.js
+++ b/packages/core/src/__tests__/TextEllipsis.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import TextEllipsis from '../TextEllipsis';
 
diff --git a/packages/core/src/__tests__/TextInput.test.js b/packages/core/src/__tests__/TextInput.test.js
index 9ecf1327..cd54e75c 100644
--- a/packages/core/src/__tests__/TextInput.test.js
+++ b/packages/core/src/__tests__/TextInput.test.js
@@ -1,4 +1,4 @@
-import React from 'react';
+/* eslint-disable testing-library/no-node-access */
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 
diff --git a/packages/core/src/__tests__/TextLabel.test.js b/packages/core/src/__tests__/TextLabel.test.js
index 5a250752..c6281d5f 100644
--- a/packages/core/src/__tests__/TextLabel.test.js
+++ b/packages/core/src/__tests__/TextLabel.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 
diff --git a/packages/core/src/__tests__/Tooltip.test.js b/packages/core/src/__tests__/Tooltip.test.js
index ccec82f9..bd6192fd 100644
--- a/packages/core/src/__tests__/Tooltip.test.js
+++ b/packages/core/src/__tests__/Tooltip.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 
diff --git a/packages/core/src/contexts/listSpacing.js b/packages/core/src/contexts/listSpacing.js
index dc7fe8eb..cc6529bc 100644
--- a/packages/core/src/contexts/listSpacing.js
+++ b/packages/core/src/contexts/listSpacing.js
@@ -1,5 +1,4 @@
-import React from 'react';
-
+// eslint-disable-next-line no-undef
 const ListSpacingContext = React.createContext(true);
 
 export default ListSpacingContext;
diff --git a/packages/core/src/icons/components/Add.js b/packages/core/src/icons/components/Add.js
index 5047f115..80957b1a 100644
--- a/packages/core/src/icons/components/Add.js
+++ b/packages/core/src/icons/components/Add.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgAdd(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/AddItem.js b/packages/core/src/icons/components/AddItem.js
index e245024e..bfdec3cb 100644
--- a/packages/core/src/icons/components/AddItem.js
+++ b/packages/core/src/icons/components/AddItem.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgAddItem(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/AddLocation.js b/packages/core/src/icons/components/AddLocation.js
index 727438f0..d205fb63 100644
--- a/packages/core/src/icons/components/AddLocation.js
+++ b/packages/core/src/icons/components/AddLocation.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgAddLocation(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/AddMultiItems.js b/packages/core/src/icons/components/AddMultiItems.js
index 7815e42f..121c30b2 100644
--- a/packages/core/src/icons/components/AddMultiItems.js
+++ b/packages/core/src/icons/components/AddMultiItems.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgAddMultiItems(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Announce.js b/packages/core/src/icons/components/Announce.js
index b19112e2..f634e24f 100644
--- a/packages/core/src/icons/components/Announce.js
+++ b/packages/core/src/icons/components/Announce.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgAnnounce(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Cash.js b/packages/core/src/icons/components/Cash.js
index 961c6cea..f03dae9d 100644
--- a/packages/core/src/icons/components/Cash.js
+++ b/packages/core/src/icons/components/Cash.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgCash(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/CheckboxEmpty.js b/packages/core/src/icons/components/CheckboxEmpty.js
index 9996b7cc..416a83c8 100644
--- a/packages/core/src/icons/components/CheckboxEmpty.js
+++ b/packages/core/src/icons/components/CheckboxEmpty.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgCheckboxEmpty(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/CheckboxHalf.js b/packages/core/src/icons/components/CheckboxHalf.js
index d34baa79..13a0f99c 100644
--- a/packages/core/src/icons/components/CheckboxHalf.js
+++ b/packages/core/src/icons/components/CheckboxHalf.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgCheckboxHalf(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/CheckboxSelected.js b/packages/core/src/icons/components/CheckboxSelected.js
index ce1785c8..2f0bae1c 100644
--- a/packages/core/src/icons/components/CheckboxSelected.js
+++ b/packages/core/src/icons/components/CheckboxSelected.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgCheckboxSelected(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/ClearItem.js b/packages/core/src/icons/components/ClearItem.js
index 22d44af0..0a67fb7c 100644
--- a/packages/core/src/icons/components/ClearItem.js
+++ b/packages/core/src/icons/components/ClearItem.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgClearItem(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/CopyLink.js b/packages/core/src/icons/components/CopyLink.js
index a4de275b..cd1b2258 100644
--- a/packages/core/src/icons/components/CopyLink.js
+++ b/packages/core/src/icons/components/CopyLink.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgCopyLink(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Copypaste.js b/packages/core/src/icons/components/Copypaste.js
index 7631550f..b54f2388 100644
--- a/packages/core/src/icons/components/Copypaste.js
+++ b/packages/core/src/icons/components/Copypaste.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgCopypaste(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/CreditCard.js b/packages/core/src/icons/components/CreditCard.js
index 2b0ab2d6..f20e039b 100644
--- a/packages/core/src/icons/components/CreditCard.js
+++ b/packages/core/src/icons/components/CreditCard.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgCreditCard(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/CrmAddress.js b/packages/core/src/icons/components/CrmAddress.js
index 59401867..c28dd225 100644
--- a/packages/core/src/icons/components/CrmAddress.js
+++ b/packages/core/src/icons/components/CrmAddress.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgCrmAddress(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/CrmAge.js b/packages/core/src/icons/components/CrmAge.js
index 0a70027c..19ecd95d 100644
--- a/packages/core/src/icons/components/CrmAge.js
+++ b/packages/core/src/icons/components/CrmAge.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgCrmAge(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/CrmBirthday.js b/packages/core/src/icons/components/CrmBirthday.js
index dbffb558..28e2569f 100644
--- a/packages/core/src/icons/components/CrmBirthday.js
+++ b/packages/core/src/icons/components/CrmBirthday.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgCrmBirthday(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/CrmEmail.js b/packages/core/src/icons/components/CrmEmail.js
index dc0924df..dab7e565 100644
--- a/packages/core/src/icons/components/CrmEmail.js
+++ b/packages/core/src/icons/components/CrmEmail.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgCrmEmail(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/CrmGender.js b/packages/core/src/icons/components/CrmGender.js
index d126c8c8..a9bb3437 100644
--- a/packages/core/src/icons/components/CrmGender.js
+++ b/packages/core/src/icons/components/CrmGender.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgCrmGender(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/CrmMemberName.js b/packages/core/src/icons/components/CrmMemberName.js
index 133adaf9..403b7c94 100644
--- a/packages/core/src/icons/components/CrmMemberName.js
+++ b/packages/core/src/icons/components/CrmMemberName.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgCrmMemberName(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/CrmMemberNote.js b/packages/core/src/icons/components/CrmMemberNote.js
index 7faaa52e..eadd3f68 100644
--- a/packages/core/src/icons/components/CrmMemberNote.js
+++ b/packages/core/src/icons/components/CrmMemberNote.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgCrmMemberNote(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/CrmPhoneLand.js b/packages/core/src/icons/components/CrmPhoneLand.js
index 1a1f1b3a..46e714d9 100644
--- a/packages/core/src/icons/components/CrmPhoneLand.js
+++ b/packages/core/src/icons/components/CrmPhoneLand.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgCrmPhoneLand(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/CrmPhoneMobile.js b/packages/core/src/icons/components/CrmPhoneMobile.js
index a3e45602..8715152b 100644
--- a/packages/core/src/icons/components/CrmPhoneMobile.js
+++ b/packages/core/src/icons/components/CrmPhoneMobile.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgCrmPhoneMobile(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/CtbcDirect.js b/packages/core/src/icons/components/CtbcDirect.js
index 3dee5590..1c908515 100644
--- a/packages/core/src/icons/components/CtbcDirect.js
+++ b/packages/core/src/icons/components/CtbcDirect.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgCtbcDirect(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/CtbcMpos.js b/packages/core/src/icons/components/CtbcMpos.js
index 3764b42a..1b2e3524 100644
--- a/packages/core/src/icons/components/CtbcMpos.js
+++ b/packages/core/src/icons/components/CtbcMpos.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgCtbcMpos(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/CustomPay.js b/packages/core/src/icons/components/CustomPay.js
index 7943d85b..bc65d3de 100644
--- a/packages/core/src/icons/components/CustomPay.js
+++ b/packages/core/src/icons/components/CustomPay.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgCustomPay(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Delete.js b/packages/core/src/icons/components/Delete.js
index bf1b0185..d2796da5 100644
--- a/packages/core/src/icons/components/Delete.js
+++ b/packages/core/src/icons/components/Delete.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgDelete(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Download.js b/packages/core/src/icons/components/Download.js
index e254854b..0171e397 100644
--- a/packages/core/src/icons/components/Download.js
+++ b/packages/core/src/icons/components/Download.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgDownload(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Drag.js b/packages/core/src/icons/components/Drag.js
index d99fad5d..6f276001 100644
--- a/packages/core/src/icons/components/Drag.js
+++ b/packages/core/src/icons/components/Drag.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgDrag(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Dropdown.js b/packages/core/src/icons/components/Dropdown.js
index f6a70357..bfc24141 100644
--- a/packages/core/src/icons/components/Dropdown.js
+++ b/packages/core/src/icons/components/Dropdown.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgDropdown(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Duplicate.js b/packages/core/src/icons/components/Duplicate.js
index a7e59485..b2b00859 100644
--- a/packages/core/src/icons/components/Duplicate.js
+++ b/packages/core/src/icons/components/Duplicate.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgDuplicate(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Edit.js b/packages/core/src/icons/components/Edit.js
index ecf0042d..6e75e998 100644
--- a/packages/core/src/icons/components/Edit.js
+++ b/packages/core/src/icons/components/Edit.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgEdit(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Error.js b/packages/core/src/icons/components/Error.js
index ddc5e0d4..23968065 100644
--- a/packages/core/src/icons/components/Error.js
+++ b/packages/core/src/icons/components/Error.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgError(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/FirstPage.js b/packages/core/src/icons/components/FirstPage.js
index c22ce0d3..e4ef3e2b 100644
--- a/packages/core/src/icons/components/FirstPage.js
+++ b/packages/core/src/icons/components/FirstPage.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgFirstPage(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Fold.js b/packages/core/src/icons/components/Fold.js
index b0063c04..6aa520ed 100644
--- a/packages/core/src/icons/components/Fold.js
+++ b/packages/core/src/icons/components/Fold.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgFold(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Folder.js b/packages/core/src/icons/components/Folder.js
index dadc0a36..8d906d8e 100644
--- a/packages/core/src/icons/components/Folder.js
+++ b/packages/core/src/icons/components/Folder.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgFolder(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Gear.js b/packages/core/src/icons/components/Gear.js
index 4970c002..6b0f652a 100644
--- a/packages/core/src/icons/components/Gear.js
+++ b/packages/core/src/icons/components/Gear.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgGear(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/HeaderNext.js b/packages/core/src/icons/components/HeaderNext.js
index 9d92d269..365fed16 100644
--- a/packages/core/src/icons/components/HeaderNext.js
+++ b/packages/core/src/icons/components/HeaderNext.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgHeaderNext(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/HeaderPrev.js b/packages/core/src/icons/components/HeaderPrev.js
index ca441398..c3e9c30c 100644
--- a/packages/core/src/icons/components/HeaderPrev.js
+++ b/packages/core/src/icons/components/HeaderPrev.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgHeaderPrev(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Import.js b/packages/core/src/icons/components/Import.js
index 204cc49e..4584ed4b 100644
--- a/packages/core/src/icons/components/Import.js
+++ b/packages/core/src/icons/components/Import.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgImport(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/InlineDropdown.js b/packages/core/src/icons/components/InlineDropdown.js
index 8810b240..a204dc82 100644
--- a/packages/core/src/icons/components/InlineDropdown.js
+++ b/packages/core/src/icons/components/InlineDropdown.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgInlineDropdown(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/InlineError.js b/packages/core/src/icons/components/InlineError.js
index e0aeb522..11fec8c8 100644
--- a/packages/core/src/icons/components/InlineError.js
+++ b/packages/core/src/icons/components/InlineError.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgInlineError(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/InlineInfo.js b/packages/core/src/icons/components/InlineInfo.js
index 01d39379..24615034 100644
--- a/packages/core/src/icons/components/InlineInfo.js
+++ b/packages/core/src/icons/components/InlineInfo.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgInlineInfo(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/InlineLoading.js b/packages/core/src/icons/components/InlineLoading.js
index 7f5322e8..521bc6e5 100644
--- a/packages/core/src/icons/components/InlineLoading.js
+++ b/packages/core/src/icons/components/InlineLoading.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgInlineLoading(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/InlineQuestion.js b/packages/core/src/icons/components/InlineQuestion.js
index c69e3108..c7d4a15b 100644
--- a/packages/core/src/icons/components/InlineQuestion.js
+++ b/packages/core/src/icons/components/InlineQuestion.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgInlineQuestion(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/InlineSuccess.js b/packages/core/src/icons/components/InlineSuccess.js
index 73480920..ef1913c4 100644
--- a/packages/core/src/icons/components/InlineSuccess.js
+++ b/packages/core/src/icons/components/InlineSuccess.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgInlineSuccess(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/InventoryCategory.js b/packages/core/src/icons/components/InventoryCategory.js
index 5c0560bb..d562cbd7 100644
--- a/packages/core/src/icons/components/InventoryCategory.js
+++ b/packages/core/src/icons/components/InventoryCategory.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgInventoryCategory(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/InventoryItem.js b/packages/core/src/icons/components/InventoryItem.js
index 294f1782..b0d2049c 100644
--- a/packages/core/src/icons/components/InventoryItem.js
+++ b/packages/core/src/icons/components/InventoryItem.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgInventoryItem(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/LastPage.js b/packages/core/src/icons/components/LastPage.js
index 2fb93af5..5b7155d9 100644
--- a/packages/core/src/icons/components/LastPage.js
+++ b/packages/core/src/icons/components/LastPage.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgLastPage(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Loading.js b/packages/core/src/icons/components/Loading.js
index bc2d1324..0a5e4db5 100644
--- a/packages/core/src/icons/components/Loading.js
+++ b/packages/core/src/icons/components/Loading.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgLoading(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Location.js b/packages/core/src/icons/components/Location.js
index 2268ac1e..b54bfdb7 100644
--- a/packages/core/src/icons/components/Location.js
+++ b/packages/core/src/icons/components/Location.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgLocation(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Lock.js b/packages/core/src/icons/components/Lock.js
index 096340e3..4075055c 100644
--- a/packages/core/src/icons/components/Lock.js
+++ b/packages/core/src/icons/components/Lock.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgLock(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Mapping.js b/packages/core/src/icons/components/Mapping.js
index 279e4a7f..0d48f611 100644
--- a/packages/core/src/icons/components/Mapping.js
+++ b/packages/core/src/icons/components/Mapping.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgMapping(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/MinusOne.js b/packages/core/src/icons/components/MinusOne.js
index 326be766..984f3bd3 100644
--- a/packages/core/src/icons/components/MinusOne.js
+++ b/packages/core/src/icons/components/MinusOne.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgMinusOne(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/More.js b/packages/core/src/icons/components/More.js
index 8414eee1..3701a9c7 100644
--- a/packages/core/src/icons/components/More.js
+++ b/packages/core/src/icons/components/More.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgMore(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Next.js b/packages/core/src/icons/components/Next.js
index 53e0484d..ec7e0862 100644
--- a/packages/core/src/icons/components/Next.js
+++ b/packages/core/src/icons/components/Next.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgNext(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/NextPage.js b/packages/core/src/icons/components/NextPage.js
index 8d6aa567..a674c802 100644
--- a/packages/core/src/icons/components/NextPage.js
+++ b/packages/core/src/icons/components/NextPage.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgNextPage(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/OrderSheet.js b/packages/core/src/icons/components/OrderSheet.js
index cd822985..2a1fb5de 100644
--- a/packages/core/src/icons/components/OrderSheet.js
+++ b/packages/core/src/icons/components/OrderSheet.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgOrderSheet(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Pause.js b/packages/core/src/icons/components/Pause.js
index 6d7e8a59..c430eda4 100644
--- a/packages/core/src/icons/components/Pause.js
+++ b/packages/core/src/icons/components/Pause.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgPause(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Pencil.js b/packages/core/src/icons/components/Pencil.js
index c8858820..7125e107 100644
--- a/packages/core/src/icons/components/Pencil.js
+++ b/packages/core/src/icons/components/Pencil.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgPencil(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/People.js b/packages/core/src/icons/components/People.js
index 2f80d452..375457d1 100644
--- a/packages/core/src/icons/components/People.js
+++ b/packages/core/src/icons/components/People.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgPeople(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Picture.js b/packages/core/src/icons/components/Picture.js
index ca04962d..024fb5e2 100644
--- a/packages/core/src/icons/components/Picture.js
+++ b/packages/core/src/icons/components/Picture.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgPicture(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Play.js b/packages/core/src/icons/components/Play.js
index 7fcbc4de..8aaaf299 100644
--- a/packages/core/src/icons/components/Play.js
+++ b/packages/core/src/icons/components/Play.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgPlay(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/PlusOne.js b/packages/core/src/icons/components/PlusOne.js
index 22359671..f2212c36 100644
--- a/packages/core/src/icons/components/PlusOne.js
+++ b/packages/core/src/icons/components/PlusOne.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgPlusOne(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Prev.js b/packages/core/src/icons/components/Prev.js
index f07b42af..4dd31dc0 100644
--- a/packages/core/src/icons/components/Prev.js
+++ b/packages/core/src/icons/components/Prev.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgPrev(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/PrevPage.js b/packages/core/src/icons/components/PrevPage.js
index b6fb2543..b830f97c 100644
--- a/packages/core/src/icons/components/PrevPage.js
+++ b/packages/core/src/icons/components/PrevPage.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgPrevPage(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Printer.js b/packages/core/src/icons/components/Printer.js
index c116ca8c..f2f22d94 100644
--- a/packages/core/src/icons/components/Printer.js
+++ b/packages/core/src/icons/components/Printer.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgPrinter(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Question.js b/packages/core/src/icons/components/Question.js
index 86cd7a79..cfc38f02 100644
--- a/packages/core/src/icons/components/Question.js
+++ b/packages/core/src/icons/components/Question.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgQuestion(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/RadioEmpty.js b/packages/core/src/icons/components/RadioEmpty.js
index 20221699..2f7f018e 100644
--- a/packages/core/src/icons/components/RadioEmpty.js
+++ b/packages/core/src/icons/components/RadioEmpty.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgRadioEmpty(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/RadioSelected.js b/packages/core/src/icons/components/RadioSelected.js
index 9b5f5b18..8041d41d 100644
--- a/packages/core/src/icons/components/RadioSelected.js
+++ b/packages/core/src/icons/components/RadioSelected.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgRadioSelected(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Refresh.js b/packages/core/src/icons/components/Refresh.js
index b4b7d77e..78825a08 100644
--- a/packages/core/src/icons/components/Refresh.js
+++ b/packages/core/src/icons/components/Refresh.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgRefresh(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/RemoveElement.js b/packages/core/src/icons/components/RemoveElement.js
index c6a47393..32f38bb7 100644
--- a/packages/core/src/icons/components/RemoveElement.js
+++ b/packages/core/src/icons/components/RemoveElement.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgRemoveElement(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Retry.js b/packages/core/src/icons/components/Retry.js
index 39197268..955f3d25 100644
--- a/packages/core/src/icons/components/Retry.js
+++ b/packages/core/src/icons/components/Retry.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgRetry(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Search.js b/packages/core/src/icons/components/Search.js
index c3aff0f4..7c187ae5 100644
--- a/packages/core/src/icons/components/Search.js
+++ b/packages/core/src/icons/components/Search.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgSearch(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Sort.js b/packages/core/src/icons/components/Sort.js
index 63f49ee0..8bd2d122 100644
--- a/packages/core/src/icons/components/Sort.js
+++ b/packages/core/src/icons/components/Sort.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgSort(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Success.js b/packages/core/src/icons/components/Success.js
index ef70ec88..9c87ee82 100644
--- a/packages/core/src/icons/components/Success.js
+++ b/packages/core/src/icons/components/Success.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgSuccess(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Table.js b/packages/core/src/icons/components/Table.js
index 6a63b2e9..5e067eb0 100644
--- a/packages/core/src/icons/components/Table.js
+++ b/packages/core/src/icons/components/Table.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgTable(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Takeout.js b/packages/core/src/icons/components/Takeout.js
index 8568bd99..be5f72d4 100644
--- a/packages/core/src/icons/components/Takeout.js
+++ b/packages/core/src/icons/components/Takeout.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgTakeout(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Tickets.js b/packages/core/src/icons/components/Tickets.js
index 7411bebb..3b99b6ce 100644
--- a/packages/core/src/icons/components/Tickets.js
+++ b/packages/core/src/icons/components/Tickets.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgTickets(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Trashcan.js b/packages/core/src/icons/components/Trashcan.js
index a01524f6..5f31ffb8 100644
--- a/packages/core/src/icons/components/Trashcan.js
+++ b/packages/core/src/icons/components/Trashcan.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgTrashcan(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Unfold.js b/packages/core/src/icons/components/Unfold.js
index fd141a3d..d53fa4b5 100644
--- a/packages/core/src/icons/components/Unfold.js
+++ b/packages/core/src/icons/components/Unfold.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgUnfold(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Unlock.js b/packages/core/src/icons/components/Unlock.js
index 32a006f5..39493a8c 100644
--- a/packages/core/src/icons/components/Unlock.js
+++ b/packages/core/src/icons/components/Unlock.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgUnlock(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/Upload.js b/packages/core/src/icons/components/Upload.js
index 5fba7b44..ca1f3227 100644
--- a/packages/core/src/icons/components/Upload.js
+++ b/packages/core/src/icons/components/Upload.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function SvgUpload(props) {
   return (
     <svg
diff --git a/packages/core/src/icons/components/__tests__/Upload.test.js b/packages/core/src/icons/components/__tests__/Upload.test.js
index c7f3bbff..9d1765ba 100644
--- a/packages/core/src/icons/components/__tests__/Upload.test.js
+++ b/packages/core/src/icons/components/__tests__/Upload.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import Upload from '../Upload';
 
diff --git a/packages/core/src/index.js b/packages/core/src/index.js
index d2e92714..bf924152 100644
--- a/packages/core/src/index.js
+++ b/packages/core/src/index.js
@@ -35,11 +35,13 @@ import HeaderRow from './HeaderRow';
 import Section from './Section';
 import List from './List';
 import ListRow from './ListRow';
+
 import ColumnView from './ColumnView';
 import SplitView from './SplitView';
 import SplitViewColumn from './SplitViewColumn';
 import Overlay from './Overlay';
 import Popup from './Popup';
+
 import PopupButton from './PopupButton';
 import Popover from './Popover';
 import Modal from './Modal';
diff --git a/packages/core/src/mixins/__tests__/closable.test.js b/packages/core/src/mixins/__tests__/closable.test.js
index 283f7017..414632be 100644
--- a/packages/core/src/mixins/__tests__/closable.test.js
+++ b/packages/core/src/mixins/__tests__/closable.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import PropTypes from 'prop-types';
 
diff --git a/packages/core/src/mixins/__tests__/escapable.test.js b/packages/core/src/mixins/__tests__/escapable.test.js
index fece1702..af8419c6 100644
--- a/packages/core/src/mixins/__tests__/escapable.test.js
+++ b/packages/core/src/mixins/__tests__/escapable.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { mount } from 'enzyme';
 import keycode from 'keycode';
diff --git a/packages/core/src/mixins/__tests__/renderToLayer.test.js b/packages/core/src/mixins/__tests__/renderToLayer.test.js
index a23b7986..dafc8d5a 100644
--- a/packages/core/src/mixins/__tests__/renderToLayer.test.js
+++ b/packages/core/src/mixins/__tests__/renderToLayer.test.js
@@ -1,4 +1,4 @@
-import React from 'react';
+/* eslint-disable testing-library/no-node-access */
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 import * as ReactIs from 'react-is';
@@ -16,6 +16,7 @@ function Foo() {
   return <div className="bar">Hello World!</div>;
 }
 
+// eslint-disable-next-line testing-library/render-result-naming-convention
 const LayerFoo = renderToLayer(Foo);
 
 // --------------------
diff --git a/packages/core/src/mixins/__tests__/rowComp.test.js b/packages/core/src/mixins/__tests__/rowComp.test.js
index cfd3348a..dc425fb1 100644
--- a/packages/core/src/mixins/__tests__/rowComp.test.js
+++ b/packages/core/src/mixins/__tests__/rowComp.test.js
@@ -1,9 +1,8 @@
-import React from 'react';
 import { render, screen } from '@testing-library/react';
 import { shallow } from 'enzyme';
 
-import Icon from 'src/Icon';
-import Text from 'src/Text';
+import Icon from 'src/Icon'; // eslint-disable-line import/no-unresolved
+import Text from 'src/Text'; // eslint-disable-line import/no-unresolved
 
 import rowComp from '../rowComp';
 
@@ -185,6 +184,7 @@ it('takes defaults to its <RowComp> wrapper-component', () => {
 });
 
 it('pass down disabled prop to wrapped component', () => {
+  // eslint-disable-next-line no-unused-vars
   const Input = ({ children, ...props }) => <input {...props} />;
   const RowInput = rowComp()(Input);
 
@@ -192,5 +192,6 @@ it('pass down disabled prop to wrapped component', () => {
 
   const wrapper = screen.getByRole('textbox');
 
+  // eslint-disable-next-line jest-dom/prefer-enabled-disabled
   expect(wrapper).toHaveAttribute('disabled');
 });
diff --git a/packages/core/src/mixins/__tests__/withStatus.test.js b/packages/core/src/mixins/__tests__/withStatus.test.js
index f369a825..83e7db41 100644
--- a/packages/core/src/mixins/__tests__/withStatus.test.js
+++ b/packages/core/src/mixins/__tests__/withStatus.test.js
@@ -1,7 +1,8 @@
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import { render } from '@testing-library/react';
 import { shallow, mount } from 'enzyme';
 
+// eslint-disable-next-line import/no-unresolved
 import StatusIcon from 'src/StatusIcon';
 
 import withStatus, { withStatusPropTypes } from '../withStatus';
@@ -77,6 +78,7 @@ it('passes down other props to wrapped component', () => {
 
 it('can hold ref to the rendered component, and can be retrieved', () => {
   const wrapper = mount(<BarWithRef />);
+  // eslint-disable-next-line testing-library/render-result-naming-convention
   const ref = wrapper.instance().getRenderedComponent();
 
   expect(ref).not.toBeNull();
diff --git a/packages/core/src/mixins/anchored/__tests__/index.js b/packages/core/src/mixins/anchored/__tests__/index.js
index 240aabca..5a530a80 100644
--- a/packages/core/src/mixins/anchored/__tests__/index.js
+++ b/packages/core/src/mixins/anchored/__tests__/index.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { mount } from 'enzyme';
 import memoize from 'memoize-one';
@@ -77,6 +76,7 @@ it('passed anchor and self nodes to getter function for position config', () =>
    * But if you wrap the ref-target element with another layer of wrapper,
    * if receives correct HTMLDivElement.
    */
+  // eslint-disable-next-line no-undef
   const anchorRef = React.createRef();
   mount(
     <>
@@ -94,6 +94,7 @@ it('passed anchor and self nodes to getter function for position config', () =>
 });
 
 it('can pass defaultPlacement through anchored component to getter function for position config', () => {
+  // eslint-disable-next-line no-undef
   const anchorRef = React.createRef();
   mount(
     <>
diff --git a/packages/core/src/mixins/anchored/index.js b/packages/core/src/mixins/anchored/index.js
index f95208fc..570d5066 100644
--- a/packages/core/src/mixins/anchored/index.js
+++ b/packages/core/src/mixins/anchored/index.js
@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import memoize from 'memoize-one';
 
@@ -155,6 +155,7 @@ const anchored =
         this.setState({ selfNode: nodeRef });
       };
 
+      /* eslint-disable no-unused-vars */
       render() {
         const {
           anchor,
@@ -164,6 +165,7 @@ const anchored =
           defaultPlacement: omittedDefaultPlacement,
           ...otherProps
         } = this.props;
+        /* eslint-enable no-unused-vars */
 
         const { selfNode } = this.state;
 
diff --git a/packages/core/src/mixins/closable.js b/packages/core/src/mixins/closable.js
index cbf5ad00..a327199c 100644
--- a/packages/core/src/mixins/closable.js
+++ b/packages/core/src/mixins/closable.js
@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import keycode from 'keycode';
 
@@ -119,6 +119,7 @@ const closable =
       };
 
       render() {
+        // eslint-disable-next-line no-unused-vars
         const { onClose, closable: runtimeOptions, ...otherProps } = this.props;
 
         return (
diff --git a/packages/core/src/mixins/escapable.js b/packages/core/src/mixins/escapable.js
index 0d4c36d3..aad405da 100644
--- a/packages/core/src/mixins/escapable.js
+++ b/packages/core/src/mixins/escapable.js
@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import keycode from 'keycode';
 
diff --git a/packages/core/src/mixins/renderToLayer.js b/packages/core/src/mixins/renderToLayer.js
index 80640c6f..3c085ed2 100644
--- a/packages/core/src/mixins/renderToLayer.js
+++ b/packages/core/src/mixins/renderToLayer.js
@@ -1,5 +1,5 @@
 import omit from 'lodash.omit';
-import React, { Component } from 'react';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { createPortal } from 'react-dom';
 
diff --git a/packages/core/src/mixins/rowComp.js b/packages/core/src/mixins/rowComp.js
index 96a53ba1..ebc581d3 100644
--- a/packages/core/src/mixins/rowComp.js
+++ b/packages/core/src/mixins/rowComp.js
@@ -29,7 +29,7 @@
  *
  */
 
-import React, { PureComponent, isValidElement, cloneElement } from 'react';
+import { PureComponent, isValidElement, cloneElement } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import '../styles/RowComp.scss';
@@ -250,7 +250,7 @@ const rowComp =
           />,
         ];
       }
-
+      /* eslint-disable no-unused-vars, lines-between-class-members */
       render() {
         const {
           minified,
@@ -279,6 +279,7 @@ const rowComp =
 
           ...otherProps
         } = this.props;
+        /* eslint-enable no-unused-vars, lines-between-class-members */
 
         const bemClass = ROOT_BEM.modifier('minified', minified)
           .modifier(align)
diff --git a/packages/core/src/mixins/withStatus.js b/packages/core/src/mixins/withStatus.js
index 27da7396..3fa5dd26 100644
--- a/packages/core/src/mixins/withStatus.js
+++ b/packages/core/src/mixins/withStatus.js
@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 
 import getComponentName from '../utils/getComponentName';
diff --git a/packages/core/src/utils/__tests__/getComponentName.test.js b/packages/core/src/utils/__tests__/getComponentName.test.js
index 36e47d14..487eab6c 100644
--- a/packages/core/src/utils/__tests__/getComponentName.test.js
+++ b/packages/core/src/utils/__tests__/getComponentName.test.js
@@ -1,5 +1,5 @@
 /* eslint-disable max-classes-per-file */
-import React, { Component } from 'react';
+import { Component } from 'react';
 
 import getComponentName from '../getComponentName';
 
diff --git a/packages/core/src/utils/__tests__/wrapIfNotElement.test.js b/packages/core/src/utils/__tests__/wrapIfNotElement.test.js
index ce386b12..22c2ff49 100644
--- a/packages/core/src/utils/__tests__/wrapIfNotElement.test.js
+++ b/packages/core/src/utils/__tests__/wrapIfNotElement.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import wrapIfNotElement from '../wrapIfNotElement';
 
 function Bar({ children }) {
diff --git a/packages/core/src/utils/wrapIfNotElement.js b/packages/core/src/utils/wrapIfNotElement.js
index 1a1c002c..e598e150 100644
--- a/packages/core/src/utils/wrapIfNotElement.js
+++ b/packages/core/src/utils/wrapIfNotElement.js
@@ -1,10 +1,9 @@
-import React from 'react';
-
 /**
  * Wrap the passed-in `content` with a component if it's not a React element,
  * to make sure the result will always be a HTML tag.
  */
 function wrapIfNotElement(content, { with: Wrapper, via: prop = 'children' }) {
+  // eslint-disable-next-line no-undef
   if (React.isValidElement(content)) {
     return content;
   }
diff --git a/packages/form/src/RadioSelectList.js b/packages/form/src/RadioSelectList.js
index 9f81133f..326de6c6 100644
--- a/packages/form/src/RadioSelectList.js
+++ b/packages/form/src/RadioSelectList.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 
 import { valueType } from './RadioSelectOption';
diff --git a/packages/form/src/RadioSelectOption.js b/packages/form/src/RadioSelectOption.js
index 9f91d567..1d4a4fed 100644
--- a/packages/form/src/RadioSelectOption.js
+++ b/packages/form/src/RadioSelectOption.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 
 import { Radio, ListRow } from '@ichef/gypcrete';
diff --git a/packages/form/src/SelectList.js b/packages/form/src/SelectList.js
index 8aafd904..085b317e 100644
--- a/packages/form/src/SelectList.js
+++ b/packages/form/src/SelectList.js
@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useRef } from 'react';
+import { useState, useEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
 import warning from 'warning';
 
@@ -25,7 +25,7 @@ function getInitialCheckedState(selectedValue, multiple = true) {
  * A List providing multiple options for user to pick from.
  * It can be in either **single** or **multiple** response mode.
  */
-
+// eslint-disable-next-line no-undef
 const SelectList = React.memo(
   ({
     multiple,
@@ -150,6 +150,7 @@ const SelectList = React.memo(
     };
 
     const renderOptions = (childrenToRender) =>
+      /* eslint-disable no-undef */
       React.Children.map(childrenToRender, (child) => {
         const elementTypeSymbol = getElementTypeSymbol(child);
         if (
@@ -168,7 +169,7 @@ const SelectList = React.memo(
 
         return child;
       });
-
+    /* eslint-enable no-undef */
     const renderCheckAllOption = () => (
       <Option
         label={checkAllLabel}
diff --git a/packages/form/src/SelectOption.js b/packages/form/src/SelectOption.js
index 16f39105..551223fa 100644
--- a/packages/form/src/SelectOption.js
+++ b/packages/form/src/SelectOption.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 
 import { Checkbox, ListRow } from '@ichef/gypcrete';
diff --git a/packages/form/src/SelectRow.js b/packages/form/src/SelectRow.js
index 12b5a7d4..a43ac3b0 100644
--- a/packages/form/src/SelectRow.js
+++ b/packages/form/src/SelectRow.js
@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useRef } from 'react';
+import { useState, useEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import warning from 'warning';
@@ -59,6 +59,7 @@ function getValueToLabelAvatarMap(fromChildren = []) {
   return resultMap;
 }
 
+// eslint-disable-next-line no-undef
 const SelectRow = React.memo(
   ({
     label,
@@ -196,6 +197,7 @@ const SelectRow = React.memo(
     const renderAvatar = () =>
       cacheValueArray.map((_value) => {
         const valueMap = valueLabelMap.get(_value) || {};
+        // eslint-disable-next-line react/jsx-no-undef
         return <React.Fragment key={_value}>{valueMap.avatar}</React.Fragment>;
       });
 
diff --git a/packages/form/src/SwitchRow.js b/packages/form/src/SwitchRow.js
index a9a8a9e2..838abf10 100644
--- a/packages/form/src/SwitchRow.js
+++ b/packages/form/src/SwitchRow.js
@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 
 import { ListRow, Switch, TextLabel } from '@ichef/gypcrete';
@@ -11,6 +11,7 @@ import formRow, { rowPropTypes } from './mixins/formRow';
  *
  * All unknown props should go to the `<Switch>` from `@ichef/gypcrete` core package.
  */
+// eslint-disable-next-line no-undef
 const SwitchRow = React.memo(
   ({
     label,
diff --git a/packages/form/src/TextInputRow.js b/packages/form/src/TextInputRow.js
index 6145d848..d27353a0 100644
--- a/packages/form/src/TextInputRow.js
+++ b/packages/form/src/TextInputRow.js
@@ -1,5 +1,5 @@
 /* eslint-disable class-methods-use-this */
-import React from 'react';
+
 import PropTypes from 'prop-types';
 
 import { ListRow, TextInput } from '@ichef/gypcrete';
@@ -18,6 +18,7 @@ function TextInputRow({
   children,
   ...inputProps
 }) {
+  // eslint-disable-next-line no-unused-vars
   const { ineditable, ...otherInputProps } = inputProps; // unwanted prop
   return (
     <ListRow {...rowProps}>
diff --git a/packages/form/src/__tests__/RadioSelectList.test.js b/packages/form/src/__tests__/RadioSelectList.test.js
index e9dc414e..f9f81f93 100644
--- a/packages/form/src/__tests__/RadioSelectList.test.js
+++ b/packages/form/src/__tests__/RadioSelectList.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 
diff --git a/packages/form/src/__tests__/RadioSelectOption.test.js b/packages/form/src/__tests__/RadioSelectOption.test.js
index 70e228f6..19e687f8 100644
--- a/packages/form/src/__tests__/RadioSelectOption.test.js
+++ b/packages/form/src/__tests__/RadioSelectOption.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { mount } from 'enzyme';
 
diff --git a/packages/form/src/__tests__/SelectList.test.js b/packages/form/src/__tests__/SelectList.test.js
index f282813c..da7f4a38 100644
--- a/packages/form/src/__tests__/SelectList.test.js
+++ b/packages/form/src/__tests__/SelectList.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import SelectList from '../SelectList';
diff --git a/packages/form/src/__tests__/SelectOption.test.js b/packages/form/src/__tests__/SelectOption.test.js
index cd4a6fc8..33e5e828 100644
--- a/packages/form/src/__tests__/SelectOption.test.js
+++ b/packages/form/src/__tests__/SelectOption.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { mount } from 'enzyme';
 
diff --git a/packages/form/src/__tests__/SelectRow.test.js b/packages/form/src/__tests__/SelectRow.test.js
index 9b3c9f21..39abe338 100644
--- a/packages/form/src/__tests__/SelectRow.test.js
+++ b/packages/form/src/__tests__/SelectRow.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import SelectRow from '../SelectRow';
diff --git a/packages/form/src/__tests__/SwitchRow.test.js b/packages/form/src/__tests__/SwitchRow.test.js
index aad227ac..079187ef 100644
--- a/packages/form/src/__tests__/SwitchRow.test.js
+++ b/packages/form/src/__tests__/SwitchRow.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import SwitchRow from '../SwitchRow';
diff --git a/packages/form/src/__tests__/TextInputRow.test.js b/packages/form/src/__tests__/TextInputRow.test.js
index 7a3d6ec0..0ea86c5c 100644
--- a/packages/form/src/__tests__/TextInputRow.test.js
+++ b/packages/form/src/__tests__/TextInputRow.test.js
@@ -1,4 +1,4 @@
-import React from 'react';
+/* eslint-disable testing-library/no-node-access */
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 
diff --git a/packages/form/src/mixins/__tests__/formRow.test.js b/packages/form/src/mixins/__tests__/formRow.test.js
index 02cb4dbc..690e1191 100644
--- a/packages/form/src/mixins/__tests__/formRow.test.js
+++ b/packages/form/src/mixins/__tests__/formRow.test.js
@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import { render } from '@testing-library/react';
 import { shallow, mount } from 'enzyme';
 
diff --git a/packages/form/src/mixins/formRow.js b/packages/form/src/mixins/formRow.js
index 03619cfa..1bceb7c5 100644
--- a/packages/form/src/mixins/formRow.js
+++ b/packages/form/src/mixins/formRow.js
@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 
 import getComponentName from '@ichef/gypcrete/lib/utils/getComponentName';
diff --git a/packages/form/src/utils/__tests__/getElementTypeSymbol.test.js b/packages/form/src/utils/__tests__/getElementTypeSymbol.test.js
index fe174c31..d38dc6db 100644
--- a/packages/form/src/utils/__tests__/getElementTypeSymbol.test.js
+++ b/packages/form/src/utils/__tests__/getElementTypeSymbol.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import getElementTypeSymbol from '../getElementTypeSymbol';
 
 const SYMBOL = Symbol('foo');
diff --git a/packages/form/src/utils/__tests__/parseSelectOptions.test.js b/packages/form/src/utils/__tests__/parseSelectOptions.test.js
index 2ed1cd14..ef1e1bc7 100644
--- a/packages/form/src/utils/__tests__/parseSelectOptions.test.js
+++ b/packages/form/src/utils/__tests__/parseSelectOptions.test.js
@@ -1,8 +1,6 @@
-import React from 'react';
-
-import SelectOption from 'src/SelectOption';
-import RadioSelectOption from 'src/RadioSelectOption';
-import parseSelectOptions from '../parseSelectOptions';
+import SelectOption from 'src/SelectOption'; // eslint-disable-line import/no-unresolved
+import RadioSelectOption from 'src/RadioSelectOption'; // eslint-disable-line import/no-unresolved
+import parseSelectOptions from '../parseSelectOptions'; // eslint-disable-line import/no-unresolved
 
 it('reads options from React children of <SelectOption>s', () => {
   const singleOption = (
diff --git a/packages/imageeditor/src/EditorPlaceholder.js b/packages/imageeditor/src/EditorPlaceholder.js
index 056fbdcc..c172f5bb 100644
--- a/packages/imageeditor/src/EditorPlaceholder.js
+++ b/packages/imageeditor/src/EditorPlaceholder.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 
 import { Icon } from '@ichef/gypcrete';
diff --git a/packages/imageeditor/src/ImageEditor.js b/packages/imageeditor/src/ImageEditor.js
index 0f4309d8..bbaf92c9 100644
--- a/packages/imageeditor/src/ImageEditor.js
+++ b/packages/imageeditor/src/ImageEditor.js
@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
@@ -100,6 +100,7 @@ class ImageEditor extends PureComponent {
     position: getInitPosition(this.props.initCropRect) || DEFAULT_POSITION,
   };
 
+  // eslint-disable-next-line no-undef
   editorRef = React.createRef();
 
   componentDidUpdate(prevProps) {
@@ -183,7 +184,7 @@ class ImageEditor extends PureComponent {
       </div>
     );
   }
-
+  /* eslint-disable no-unused-vars, lines-between-class-members */
   render() {
     const {
       minScale,
@@ -209,6 +210,7 @@ class ImageEditor extends PureComponent {
       style,
       ...avatarEditorProps
     } = this.props;
+    /* eslint-enable no-unused-vars, lines-between-class-members */
 
     const wraperBEM = BEM.root
       .modifier('auto-margin', autoMargin)
diff --git a/packages/imageeditor/src/__tests__/EditorPlaceholder.test.js b/packages/imageeditor/src/__tests__/EditorPlaceholder.test.js
index a7c9db69..7d3e9739 100644
--- a/packages/imageeditor/src/__tests__/EditorPlaceholder.test.js
+++ b/packages/imageeditor/src/__tests__/EditorPlaceholder.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 
diff --git a/packages/imageeditor/src/__tests__/ImageEditor.test.js b/packages/imageeditor/src/__tests__/ImageEditor.test.js
index f9413723..9e851e06 100644
--- a/packages/imageeditor/src/__tests__/ImageEditor.test.js
+++ b/packages/imageeditor/src/__tests__/ImageEditor.test.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 import { shallow } from 'enzyme';
 
diff --git a/packages/storybook/.storybook/Code.js b/packages/storybook/.storybook/Code.js
index 26aa4056..30f6fea3 100644
--- a/packages/storybook/.storybook/Code.js
+++ b/packages/storybook/.storybook/Code.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 /**
  * - Workaround -
  * Fix inline code markdown(`) in withInfo()'s text.
diff --git a/packages/storybook/examples/core/Avatar.stories.js b/packages/storybook/examples/core/Avatar.stories.js
index 3f642eda..15e53d38 100644
--- a/packages/storybook/examples/core/Avatar.stories.js
+++ b/packages/storybook/examples/core/Avatar.stories.js
@@ -1,7 +1,5 @@
-import React from 'react';
-
 import Avatar from '@ichef/gypcrete/src/Avatar';
-import FlexRow from 'utils/FlexRow';
+import FlexRow from 'utils/FlexRow'; // eslint-disable-line import/no-unresolved
 
 export default {
   title: 'gypcrete/Avatar',
diff --git a/packages/storybook/examples/core/Button.stories.js b/packages/storybook/examples/core/Button.stories.js
index 72e398ad..f096f1f6 100644
--- a/packages/storybook/examples/core/Button.stories.js
+++ b/packages/storybook/examples/core/Button.stories.js
@@ -1,8 +1,7 @@
-import React from 'react';
 import { action } from '@storybook/addon-actions';
 
 import Button, { PureButton } from '@ichef/gypcrete/src/Button';
-import FlexRow from 'utils/FlexRow';
+import FlexRow from 'utils/FlexRow'; // eslint-disable-line import/no-unresolved
 
 export default {
   title: 'gypcrete/Button',
diff --git a/packages/storybook/examples/core/Checkbox.stories.js b/packages/storybook/examples/core/Checkbox.stories.js
index 3b21e680..92872221 100644
--- a/packages/storybook/examples/core/Checkbox.stories.js
+++ b/packages/storybook/examples/core/Checkbox.stories.js
@@ -1,7 +1,7 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import Checkbox, { PureCheckbox } from '@ichef/gypcrete/src/Checkbox';
 import Avatar from '@ichef/gypcrete/src/Avatar';
-import DebugBox from 'utils/DebugBox';
+import DebugBox from 'utils/DebugBox'; // eslint-disable-line import/no-unresolved
 
 export default {
   title: 'gypcrete/Checkbox',
diff --git a/packages/storybook/examples/core/ColumnView.stories.js b/packages/storybook/examples/core/ColumnView.stories.js
index 41d2cdd5..036958a8 100644
--- a/packages/storybook/examples/core/ColumnView.stories.js
+++ b/packages/storybook/examples/core/ColumnView.stories.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 
 import ColumnView from '@ichef/gypcrete/src/ColumnView';
diff --git a/packages/storybook/examples/core/EditableText.stories.js b/packages/storybook/examples/core/EditableText.stories.js
index c14e61a8..4cf7b136 100644
--- a/packages/storybook/examples/core/EditableText.stories.js
+++ b/packages/storybook/examples/core/EditableText.stories.js
@@ -1,9 +1,8 @@
-import React from 'react';
 import { action } from '@storybook/addon-actions';
 
 import EditableText, { PureEditableText } from '@ichef/gypcrete/src/EditableText';
 import { PureText } from '@ichef/gypcrete/src/Text';
-import DebugBox from 'utils/DebugBox';
+import DebugBox from 'utils/DebugBox'; // eslint-disable-line import/no-unresolved
 
 export default {
   title: 'gypcrete/EditableText',
diff --git a/packages/storybook/examples/core/EditableTextLabel.stories.js b/packages/storybook/examples/core/EditableTextLabel.stories.js
index bfe99b7d..76dbf577 100644
--- a/packages/storybook/examples/core/EditableTextLabel.stories.js
+++ b/packages/storybook/examples/core/EditableTextLabel.stories.js
@@ -1,10 +1,10 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { action, decorateAction } from '@storybook/addon-actions';
 
 import EditableTextLabel from '@ichef/gypcrete/src/EditableTextLabel';
 
 import TextLabel from '@ichef/gypcrete/src/TextLabel';
-import DebugBox from 'utils/DebugBox';
+import DebugBox from 'utils/DebugBox'; // eslint-disable-line import/no-unresolved
 
 export default {
   title: 'gypcrete/EditableTextLabel',
diff --git a/packages/storybook/examples/core/HeaderRow.stories.js b/packages/storybook/examples/core/HeaderRow.stories.js
index f2cf0045..0072b367 100644
--- a/packages/storybook/examples/core/HeaderRow.stories.js
+++ b/packages/storybook/examples/core/HeaderRow.stories.js
@@ -1,11 +1,9 @@
-import React from 'react';
-
 import HeaderRow, { HeaderArea } from '@ichef/gypcrete/src/HeaderRow';
 import Button from '@ichef/gypcrete/src/Button';
 import TextLabel from '@ichef/gypcrete/src/TextLabel';
 import TextEllipsis from '@ichef/gypcrete/src/TextEllipsis';
 
-import DebugBox from 'utils/DebugBox';
+import DebugBox from 'utils/DebugBox'; // eslint-disable-line import/no-unresolved
 
 export default {
   title: 'gypcrete/HeaderRow',
diff --git a/packages/storybook/examples/core/Icon.stories.js b/packages/storybook/examples/core/Icon.stories.js
index 2060fd5b..4409c458 100644
--- a/packages/storybook/examples/core/Icon.stories.js
+++ b/packages/storybook/examples/core/Icon.stories.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import Icon from '@ichef/gypcrete/src/Icon';
 
 import iconMap from '@ichef/gypcrete/src/icons/components';
diff --git a/packages/storybook/examples/core/IconButton.stories.js b/packages/storybook/examples/core/IconButton.stories.js
index fc7a66bd..be93b56e 100644
--- a/packages/storybook/examples/core/IconButton.stories.js
+++ b/packages/storybook/examples/core/IconButton.stories.js
@@ -1,8 +1,6 @@
-import React from 'react';
-
 import Button from '@ichef/gypcrete/src/Button';
 import IconButton from '@ichef/gypcrete/src/IconButton';
-import FlexRow from 'utils/FlexRow';
+import FlexRow from 'utils/FlexRow'; // eslint-disable-line import/no-unresolved
 
 export default {
   title: 'gypcrete/IconButton',
diff --git a/packages/storybook/examples/core/IconCheckbox.stories.js b/packages/storybook/examples/core/IconCheckbox.stories.js
index 9b13990a..b65becbe 100644
--- a/packages/storybook/examples/core/IconCheckbox.stories.js
+++ b/packages/storybook/examples/core/IconCheckbox.stories.js
@@ -1,8 +1,7 @@
-import React from 'react';
 import Checkbox from '@ichef/gypcrete/src/Checkbox';
 import IconCheckbox from '@ichef/gypcrete/src/IconCheckbox';
 
-import FlexRow from 'utils/FlexRow';
+import FlexRow from 'utils/FlexRow'; // eslint-disable-line import/no-unresolved
 
 export default {
   title: 'gypcrete/IconCheckbox',
diff --git a/packages/storybook/examples/core/InfiniteScroll.stories.js b/packages/storybook/examples/core/InfiniteScroll.stories.js
index 8d5aea74..c5edc438 100644
--- a/packages/storybook/examples/core/InfiniteScroll.stories.js
+++ b/packages/storybook/examples/core/InfiniteScroll.stories.js
@@ -1,4 +1,4 @@
-import React, { useReducer } from 'react';
+import { useReducer } from 'react';
 import { action } from '@storybook/addon-actions';
 
 import InfiniteScroll from '@ichef/gypcrete/src/InfiniteScroll';
diff --git a/packages/storybook/examples/core/List.stories.js b/packages/storybook/examples/core/List.stories.js
index 9125857e..17045ca7 100644
--- a/packages/storybook/examples/core/List.stories.js
+++ b/packages/storybook/examples/core/List.stories.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import List from '@ichef/gypcrete/src/List';
 import ListRow from '@ichef/gypcrete/src/ListRow';
 
@@ -11,7 +9,7 @@ import Section from '@ichef/gypcrete/src/Section';
 import TextInput from '@ichef/gypcrete/src/TextInput';
 import TextLabel from '@ichef/gypcrete/src/TextLabel';
 
-import DebugBox from 'utils/DebugBox';
+import DebugBox from 'utils/DebugBox'; // eslint-disable-line import/no-unresolved
 
 export default {
   title: 'gypcrete/List',
diff --git a/packages/storybook/examples/core/Modal.stories.js b/packages/storybook/examples/core/Modal.stories.js
index 7ae4e7b2..aa1cf795 100644
--- a/packages/storybook/examples/core/Modal.stories.js
+++ b/packages/storybook/examples/core/Modal.stories.js
@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { action } from '@storybook/addon-actions';
 
 import Modal, { PureModal } from '@ichef/gypcrete/src/Modal';
diff --git a/packages/storybook/examples/core/Popover.stories.js b/packages/storybook/examples/core/Popover.stories.js
index e8cb1196..427106c8 100644
--- a/packages/storybook/examples/core/Popover.stories.js
+++ b/packages/storybook/examples/core/Popover.stories.js
@@ -1,4 +1,4 @@
-import React, { useState, useRef } from 'react';
+import { useState, useRef } from 'react';
 import { action } from '@storybook/addon-actions';
 
 import Popover, { PurePopover } from '@ichef/gypcrete/src/Popover';
diff --git a/packages/storybook/examples/core/Popup.stories.js b/packages/storybook/examples/core/Popup.stories.js
index 1dce3d4a..ee436bb2 100644
--- a/packages/storybook/examples/core/Popup.stories.js
+++ b/packages/storybook/examples/core/Popup.stories.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { action } from '@storybook/addon-actions';
 
 import Popup, { PurePopup } from '@ichef/gypcrete/src/Popup';
diff --git a/packages/storybook/examples/core/Radio.stories.js b/packages/storybook/examples/core/Radio.stories.js
index 3e592d4c..29a3cd9e 100644
--- a/packages/storybook/examples/core/Radio.stories.js
+++ b/packages/storybook/examples/core/Radio.stories.js
@@ -1,7 +1,6 @@
-import React from 'react';
 import Radio, { PureRadio } from '@ichef/gypcrete/src/Radio';
 import Avatar from '@ichef/gypcrete/src/Avatar';
-import DebugBox from 'utils/DebugBox';
+import DebugBox from 'utils/DebugBox'; // eslint-disable-line import/no-unresolved
 
 export default {
   title: 'gypcrete/Radio',
diff --git a/packages/storybook/examples/core/SearchInput.stories.js b/packages/storybook/examples/core/SearchInput.stories.js
index e6b74b41..6897fd85 100644
--- a/packages/storybook/examples/core/SearchInput.stories.js
+++ b/packages/storybook/examples/core/SearchInput.stories.js
@@ -1,8 +1,8 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { action } from '@storybook/addon-actions';
 
 import SearchInput, { PureSearchInput } from '@ichef/gypcrete/src/SearchInput';
-import DebugBox from 'utils/DebugBox';
+import DebugBox from 'utils/DebugBox'; // eslint-disable-line import/no-unresolved
 
 export default {
   title: 'gypcrete/SearchInput',
diff --git a/packages/storybook/examples/core/Section.stories.js b/packages/storybook/examples/core/Section.stories.js
index 7cdec5bb..dc7808ac 100644
--- a/packages/storybook/examples/core/Section.stories.js
+++ b/packages/storybook/examples/core/Section.stories.js
@@ -1,8 +1,6 @@
-import React from 'react';
-
 import Section from '@ichef/gypcrete/src/Section';
 
-import DebugBox from 'utils/DebugBox';
+import DebugBox from 'utils/DebugBox'; // eslint-disable-line import/no-unresolved
 
 export default {
   title: 'gypcrete/Section',
diff --git a/packages/storybook/examples/core/SplitView.stories.js b/packages/storybook/examples/core/SplitView.stories.js
index da7b8842..62c4ef42 100644
--- a/packages/storybook/examples/core/SplitView.stories.js
+++ b/packages/storybook/examples/core/SplitView.stories.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import SplitView from '@ichef/gypcrete/src/SplitView';
 import SplitViewColumn from '@ichef/gypcrete/src/SplitViewColumn';
 
@@ -7,8 +5,8 @@ import ColumnView from '@ichef/gypcrete/src/ColumnView';
 import HeaderRow from '@ichef/gypcrete/src/HeaderRow';
 import TextLabel from '@ichef/gypcrete/src/TextLabel';
 
-import ColoredBox from 'utils/ColoredBox';
-import DebugBox from 'utils/DebugBox';
+import ColoredBox from 'utils/ColoredBox'; // eslint-disable-line import/no-unresolved
+import DebugBox from 'utils/DebugBox'; // eslint-disable-line import/no-unresolved
 
 const debugDecorator = (storyFn) => (
   <DebugBox
diff --git a/packages/storybook/examples/core/StatusIcon.stories.js b/packages/storybook/examples/core/StatusIcon.stories.js
index f05f68f0..7e8c5b8b 100644
--- a/packages/storybook/examples/core/StatusIcon.stories.js
+++ b/packages/storybook/examples/core/StatusIcon.stories.js
@@ -1,10 +1,10 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 
 import StatusIcon from '@ichef/gypcrete/src/StatusIcon';
 
 import Button from '@ichef/gypcrete/src/Button';
-import DebugBox from 'utils/DebugBox';
-import FlexRow from 'utils/FlexRow';
+import DebugBox from 'utils/DebugBox'; // eslint-disable-line import/no-unresolved
+import FlexRow from 'utils/FlexRow'; // eslint-disable-line import/no-unresolved
 
 export default {
   title: 'gypcrete/StatusIcon',
diff --git a/packages/storybook/examples/core/Switch.stories.js b/packages/storybook/examples/core/Switch.stories.js
index 2ed35ad9..b2014efe 100644
--- a/packages/storybook/examples/core/Switch.stories.js
+++ b/packages/storybook/examples/core/Switch.stories.js
@@ -1,7 +1,5 @@
-import React from 'react';
-
 import Switch, { PureSwitch } from '@ichef/gypcrete/src/Switch';
-import DebugBox from 'utils/DebugBox';
+import DebugBox from 'utils/DebugBox'; // eslint-disable-line import/no-unresolved
 
 export default {
   title: 'gypcrete/Switch',
diff --git a/packages/storybook/examples/core/SwitchIcon.stories.js b/packages/storybook/examples/core/SwitchIcon.stories.js
index 233447ad..78099f68 100644
--- a/packages/storybook/examples/core/SwitchIcon.stories.js
+++ b/packages/storybook/examples/core/SwitchIcon.stories.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import SwitchIcon from '@ichef/gypcrete/src/SwitchIcon';
 
 export default {
diff --git a/packages/storybook/examples/core/Tag.stories.js b/packages/storybook/examples/core/Tag.stories.js
index 97ac00f6..b38c782e 100644
--- a/packages/storybook/examples/core/Tag.stories.js
+++ b/packages/storybook/examples/core/Tag.stories.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import Tag from '@ichef/gypcrete/src/Tag';
 
 export default {
diff --git a/packages/storybook/examples/core/Text.stories.js b/packages/storybook/examples/core/Text.stories.js
index 77ee3281..c503de83 100644
--- a/packages/storybook/examples/core/Text.stories.js
+++ b/packages/storybook/examples/core/Text.stories.js
@@ -1,10 +1,8 @@
-import React from 'react';
-
 import StatusIcon from '@ichef/gypcrete/src/StatusIcon';
 import Text, { PureText } from '@ichef/gypcrete/src/Text';
 import TextEllipsis from '@ichef/gypcrete/src/TextEllipsis';
 
-import DebugBox from 'utils/DebugBox';
+import DebugBox from 'utils/DebugBox'; // eslint-disable-line import/no-unresolved
 
 export default {
   title: 'gypcrete/Text',
diff --git a/packages/storybook/examples/core/TextInput.stories.js b/packages/storybook/examples/core/TextInput.stories.js
index c7a8e12f..45e58c29 100644
--- a/packages/storybook/examples/core/TextInput.stories.js
+++ b/packages/storybook/examples/core/TextInput.stories.js
@@ -1,8 +1,7 @@
-import React from 'react';
 import { action } from '@storybook/addon-actions';
 
 import TextInput, { PureTextInput } from '@ichef/gypcrete/src/TextInput';
-import DebugBox from 'utils/DebugBox';
+import DebugBox from 'utils/DebugBox'; // eslint-disable-line import/no-unresolved
 
 export default {
   title: 'gypcrete/TextInput',
diff --git a/packages/storybook/examples/core/TextLabel.stories.js b/packages/storybook/examples/core/TextLabel.stories.js
index 004c3c12..5d679711 100644
--- a/packages/storybook/examples/core/TextLabel.stories.js
+++ b/packages/storybook/examples/core/TextLabel.stories.js
@@ -1,10 +1,10 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { action, decorateAction } from '@storybook/addon-actions';
 
 import EditableTextLabel from '@ichef/gypcrete/src/EditableTextLabel';
 import Text from '@ichef/gypcrete/src/Text';
 import TextLabel, { PureTextLabel } from '@ichef/gypcrete/src/TextLabel';
-import DebugBox from 'utils/DebugBox';
+import DebugBox from 'utils/DebugBox'; // eslint-disable-line import/no-unresolved
 
 export default {
   title: 'gypcrete/TextLabel',
diff --git a/packages/storybook/examples/core/Tooltip.stories.js b/packages/storybook/examples/core/Tooltip.stories.js
index 06308090..9e283a77 100644
--- a/packages/storybook/examples/core/Tooltip.stories.js
+++ b/packages/storybook/examples/core/Tooltip.stories.js
@@ -1,4 +1,4 @@
-import React, { useState, useRef } from 'react';
+import { useState, useRef } from 'react';
 
 import Tooltip, { PureTooltip } from '@ichef/gypcrete/src/Tooltip';
 
diff --git a/packages/storybook/examples/form/RadioSelectList.stories.js b/packages/storybook/examples/form/RadioSelectList.stories.js
index 324c9b1f..35252408 100644
--- a/packages/storybook/examples/form/RadioSelectList.stories.js
+++ b/packages/storybook/examples/form/RadioSelectList.stories.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { action } from '@storybook/addon-actions';
 
 import RadioSelectList from '@ichef/gypcrete-form/src/RadioSelectList';
diff --git a/packages/storybook/examples/form/SelectList.stories.js b/packages/storybook/examples/form/SelectList.stories.js
index 861f6969..ac05fe67 100644
--- a/packages/storybook/examples/form/SelectList.stories.js
+++ b/packages/storybook/examples/form/SelectList.stories.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { action } from '@storybook/addon-actions';
 
 import SelectList from '@ichef/gypcrete-form/src/SelectList';
diff --git a/packages/storybook/examples/form/SelectRow.stories.js b/packages/storybook/examples/form/SelectRow.stories.js
index 2b1d9368..b0da0532 100644
--- a/packages/storybook/examples/form/SelectRow.stories.js
+++ b/packages/storybook/examples/form/SelectRow.stories.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { action } from '@storybook/addon-actions';
 
 import Avatar from '@ichef/gypcrete/src/Avatar';
diff --git a/packages/storybook/examples/form/SwitchRow.stories.js b/packages/storybook/examples/form/SwitchRow.stories.js
index 6a0fb07a..bab1e479 100644
--- a/packages/storybook/examples/form/SwitchRow.stories.js
+++ b/packages/storybook/examples/form/SwitchRow.stories.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import List from '@ichef/gypcrete/src/List';
 import { PureSwitch } from '@ichef/gypcrete/src/Switch';
 import SwitchRow, { PureSwitchRow } from '@ichef/gypcrete-form/src/SwitchRow';
diff --git a/packages/storybook/examples/form/TextInputRow.stories.js b/packages/storybook/examples/form/TextInputRow.stories.js
index 46ed3edd..b28ca504 100644
--- a/packages/storybook/examples/form/TextInputRow.stories.js
+++ b/packages/storybook/examples/form/TextInputRow.stories.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import { action } from '@storybook/addon-actions';
 
 import List from '@ichef/gypcrete/src/List';
diff --git a/packages/storybook/examples/imageeditor/ImageEditor/index.stories.js b/packages/storybook/examples/imageeditor/ImageEditor/index.stories.js
index 4608ae69..e9847dfd 100644
--- a/packages/storybook/examples/imageeditor/ImageEditor/index.stories.js
+++ b/packages/storybook/examples/imageeditor/ImageEditor/index.stories.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import ImageEditor, { AvatarEditor } from '@ichef/gypcrete-imageeditor/src/index';
 
 import handleLoadSuccess from './utils/handleLoadSuccess';
diff --git a/packages/storybook/examples/imageeditor/ImageEditor/utils/handleLoadSuccess.js b/packages/storybook/examples/imageeditor/ImageEditor/utils/handleLoadSuccess.js
index ef14c426..f183ae01 100644
--- a/packages/storybook/examples/imageeditor/ImageEditor/utils/handleLoadSuccess.js
+++ b/packages/storybook/examples/imageeditor/ImageEditor/utils/handleLoadSuccess.js
@@ -4,6 +4,7 @@ import { action } from '@storybook/addon-actions';
  * Patch the original `imgInfo` to prevent logging the complete
  * `HTMLImageElement` node, since it's way too large.
  */
+// eslint-disable-next-line no-unused-vars
 function handleLoadSuccess({ resource, ...imgInfo }) {
   const patchedImgInfo = {
     ...imgInfo,
diff --git a/packages/storybook/examples/intro.stories.mdx b/packages/storybook/examples/intro.stories.mdx
index 6ff87c4b..7300b6e8 100644
--- a/packages/storybook/examples/intro.stories.mdx
+++ b/packages/storybook/examples/intro.stories.mdx
@@ -14,7 +14,6 @@ It's currently split into 3 packages:
 Here's a quick example of how you might use components from gypcrete:
 
 ```jsx
-import React from 'react';
 import { Button } from '@ichef/gypcrete';
 
 const CustomComponent = () => <Button basic="Hello World!" />;
diff --git a/packages/storybook/utils/ColoredBox.js b/packages/storybook/utils/ColoredBox.js
index 6ff80410..8f46a4b2 100644
--- a/packages/storybook/utils/ColoredBox.js
+++ b/packages/storybook/utils/ColoredBox.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 
 function ColoredBox({ width, height, color, children }) {
diff --git a/packages/storybook/utils/DebugBox.js b/packages/storybook/utils/DebugBox.js
index eaa76e05..a09e6416 100644
--- a/packages/storybook/utils/DebugBox.js
+++ b/packages/storybook/utils/DebugBox.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 
 const defaultBoxStyle = {
diff --git a/packages/storybook/utils/FlexRow.js b/packages/storybook/utils/FlexRow.js
index b88032f9..7a88dbfa 100644
--- a/packages/storybook/utils/FlexRow.js
+++ b/packages/storybook/utils/FlexRow.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 const flexRowStyle = {
   display: 'flex',
   marginBottom: 10,