From 4012345da0b4b880de1b77befb8989a27de828cf Mon Sep 17 00:00:00 2001
From: evavirseda <evirseda@boxfish.studio>
Date: Wed, 8 Jan 2025 12:22:30 +0100
Subject: [PATCH] refactor(tooling): remove  unnecessary `import React from
 'react'` (#4612)

* feat: remove unnecessary react import

* fix: remove debris

* fix import

* feat: cleanup

* feat: remove debris and add tsconfig

* fix format
---
 apps/apps-backend/jest-e2e.json               | 22 +++++++++----------
 apps/apps-backend/tsconfig.json               |  2 +-
 .../src/components/Inputs/AddressInput.tsx    |  2 +-
 .../components/Inputs/SendTokenFormInput.tsx  |  1 -
 apps/core/src/components/QR.tsx               |  1 -
 .../buttons/ViewTxnOnExplorerButton.tsx       |  5 +++--
 .../src/components/cards/BalanceChanges.tsx   |  2 +-
 .../components/cards/ObjectChangeDisplay.tsx  |  1 -
 .../src/components/cards/ObjectChanges.tsx    |  2 +-
 apps/core/src/components/coin/CoinItem.tsx    |  1 -
 .../components/collapsible/Collapsible.tsx    |  2 +-
 apps/core/src/components/gas/GasFees.tsx      |  1 -
 apps/core/src/components/gas/GasSummary.tsx   |  1 -
 .../src/components/lists/ExpandableList.tsx   |  2 +-
 apps/core/src/components/stake/StakedCard.tsx |  1 -
 .../transaction/TransactionReceipt.tsx        |  1 -
 .../transaction/amount/TransactionAmount.tsx  |  1 -
 .../transaction/info/StakeTransactionInfo.tsx |  1 -
 .../info/UnstakeTransactionInfo.tsx           |  1 -
 .../summary/TransactionSummary.tsx            |  2 +-
 apps/core/tsconfig.json                       | 13 +++++++++++
 apps/explorer/src/index.tsx                   |  1 -
 .../src/pages/validator/ValidatorDetails.tsx  |  2 +-
 .../src/pages/validators/Validators.tsx       |  2 +-
 .../src/lib/components/atoms/badge/Badge.tsx  |  1 -
 .../atoms/button-segment/ButtonSegment.tsx    |  1 -
 .../lib/components/atoms/button/Button.tsx    |  1 -
 .../lib/components/atoms/divider/Divider.tsx  |  1 -
 .../lib/components/atoms/info-box/InfoBox.tsx |  1 -
 .../atoms/key-value-info/KeyValueInfo.tsx     |  2 +-
 .../components/atoms/label-text/LabelText.tsx |  1 -
 .../components/atoms/list-item/ListItem.tsx   |  2 +-
 .../loading-indicator/LoadingIndicator.tsx    |  1 -
 .../src/lib/components/atoms/panel/Panel.tsx  |  1 -
 .../atoms/radio-button/RadioButton.tsx        |  1 -
 .../lib/components/atoms/tooltip/Tooltip.tsx  |  2 +-
 .../visual-asset-card/VisualAssetCard.tsx     |  1 -
 .../components/molecules/account/Account.tsx  |  1 -
 .../components/molecules/address/Address.tsx  |  1 -
 .../lib/components/molecules/card/Card.tsx    |  1 -
 .../components/molecules/card/CardImage.tsx   |  1 -
 .../molecules/display-stats/DisplayStats.tsx  |  2 +-
 .../molecules/navbar-item/NavbarItem.tsx      |  1 -
 .../navbar-item/NavbarItemHorizontal.tsx      |  1 -
 .../navbar-item/NavbarItemVertical.tsx        |  1 -
 .../components/molecules/search/Search.tsx    |  2 +-
 .../segmented-button/SegmentedButton.tsx      |  2 +-
 .../table-header-cell/TableHeaderCell.tsx     |  5 +++--
 .../organisms/accordion/Accordion.tsx         |  2 +-
 .../organisms/navbar/NavbarSlideout.tsx       |  1 -
 .../components/VariableSpacingShowcase.tsx    |  1 -
 .../molecules/DisplayStats.stories.tsx        |  1 -
 .../stories/molecules/NavbarItem.stories.tsx  |  1 -
 .../app/(protected)/activity/page.tsx         |  1 -
 .../app/(protected)/layout.tsx                |  2 +-
 .../components/AppList/AppList.tsx            |  1 -
 apps/wallet-dashboard/components/Banner.tsx   |  1 -
 apps/wallet-dashboard/components/Box.tsx      |  4 ++--
 .../components/Buttons/Button.tsx             |  2 --
 .../components/Dialogs/Assets/AssetDialog.tsx |  2 +-
 .../Dialogs/Assets/views/DetailsView.tsx      |  1 -
 .../Dialogs/Assets/views/SendView.tsx         |  1 -
 .../Dialogs/SendToken/SendTokenDialog.tsx     |  2 +-
 .../Dialogs/Staking/StakeDialog.tsx           |  2 +-
 .../Dialogs/Staking/views/DetailsView.tsx     |  1 -
 .../Staking/views/EnterAmountDialogLayout.tsx |  1 -
 .../Dialogs/Staking/views/EnterAmountView.tsx |  1 -
 .../views/EnterTimelockedAmountView.tsx       |  2 +-
 .../Staking/views/SelectValidatorView.tsx     |  2 --
 .../Dialogs/migration/MigrationDialog.tsx     |  2 +-
 .../migration/views/ConfirmMigrationView.tsx  |  1 -
 .../Dialogs/settings/SettingsDialog.tsx       |  1 -
 .../settings/views/SettingsListView.tsx       |  1 -
 .../transaction/TransactionDetailsLayout.tsx  |  2 +-
 apps/wallet-dashboard/components/Input.tsx    |  2 --
 .../wallet-dashboard/components/RouteLink.tsx |  1 -
 .../components/VirtualList.tsx                |  4 ++--
 .../components/coins/MyCoins.tsx              |  2 +-
 .../components/tiles/VisualAssetTile.tsx      |  1 -
 .../transactions/TransactionTile.tsx          |  2 +-
 .../transactions/TransactionsList.tsx         |  1 -
 .../ui/app/components/OutsideClickHandler.tsx |  2 +-
 .../accounts/UnlockAccountContext.tsx         |  9 +-------
 .../pages/accounts/manage/AccountGroup.tsx    |  2 +-
 84 files changed, 62 insertions(+), 107 deletions(-)
 create mode 100644 apps/core/tsconfig.json

diff --git a/apps/apps-backend/jest-e2e.json b/apps/apps-backend/jest-e2e.json
index 8a02f0e8a41..a3ce13344dd 100644
--- a/apps/apps-backend/jest-e2e.json
+++ b/apps/apps-backend/jest-e2e.json
@@ -1,13 +1,13 @@
 {
-  "moduleFileExtensions": ["js", "json", "ts"],
-  "rootDir": "./",
-  "testRegex": ".e2e-spec.ts$",
-  "transform": {
-    "^.+\\.(t|j)s$": "ts-jest"
-  },
-  "testEnvironment": "node",
-  "moduleNameMapper": {
-    "^src/(.*)$": "<rootDir>/dist/$1",
-    "^@iota/core/(.*)$": "<rootDir>/dist/core/src/$1"
-  }
+    "moduleFileExtensions": ["js", "json", "ts"],
+    "rootDir": "./",
+    "testRegex": ".e2e-spec.ts$",
+    "transform": {
+        "^.+\\.(t|j)s$": "ts-jest"
+    },
+    "testEnvironment": "node",
+    "moduleNameMapper": {
+        "^src/(.*)$": "<rootDir>/dist/$1",
+        "^@iota/core/(.*)$": "<rootDir>/dist/core/src/$1"
+    }
 }
diff --git a/apps/apps-backend/tsconfig.json b/apps/apps-backend/tsconfig.json
index 11f5788c888..62acc1f8668 100644
--- a/apps/apps-backend/tsconfig.json
+++ b/apps/apps-backend/tsconfig.json
@@ -20,5 +20,5 @@
         "paths": {
             "@iota/core/constants/*": ["./../core/src/constants/*"]
         }
-    },
+    }
 }
diff --git a/apps/core/src/components/Inputs/AddressInput.tsx b/apps/core/src/components/Inputs/AddressInput.tsx
index 63920a9afe0..75d80154ea0 100644
--- a/apps/core/src/components/Inputs/AddressInput.tsx
+++ b/apps/core/src/components/Inputs/AddressInput.tsx
@@ -5,7 +5,7 @@
 import { Input, InputType } from '@iota/apps-ui-kit';
 import { Close } from '@iota/ui-icons';
 import { useIotaAddressValidation } from '../../hooks';
-import React, { useCallback } from 'react';
+import { useCallback } from 'react';
 import { useField, useFormikContext } from 'formik';
 
 export interface AddressInputProps {
diff --git a/apps/core/src/components/Inputs/SendTokenFormInput.tsx b/apps/core/src/components/Inputs/SendTokenFormInput.tsx
index 3e97b41c707..5a0862e6b37 100644
--- a/apps/core/src/components/Inputs/SendTokenFormInput.tsx
+++ b/apps/core/src/components/Inputs/SendTokenFormInput.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { ButtonPill, Input, InputType } from '@iota/apps-ui-kit';
 import { CoinStruct } from '@iota/iota-sdk/client';
 import { useFormatCoin, useGasBudgetEstimation } from '../../hooks';
diff --git a/apps/core/src/components/QR.tsx b/apps/core/src/components/QR.tsx
index 7ab47b246e3..2c4b806b161 100644
--- a/apps/core/src/components/QR.tsx
+++ b/apps/core/src/components/QR.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { QRCodeSVG } from 'qrcode.react';
 
 export enum QRLevel {
diff --git a/apps/core/src/components/buttons/ViewTxnOnExplorerButton.tsx b/apps/core/src/components/buttons/ViewTxnOnExplorerButton.tsx
index 247241de188..1ad3734b4ee 100644
--- a/apps/core/src/components/buttons/ViewTxnOnExplorerButton.tsx
+++ b/apps/core/src/components/buttons/ViewTxnOnExplorerButton.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React, { JSX } from 'react';
 import { Button, ButtonType, LoadingIndicator } from '@iota/apps-ui-kit';
 import { ArrowTopRight } from '@iota/ui-icons';
 
@@ -9,7 +8,9 @@ interface ViewTxnOnExplorerButtonProps {
     digest?: string;
 }
 
-export function ViewTxnOnExplorerButton({ digest }: ViewTxnOnExplorerButtonProps): JSX.Element {
+export function ViewTxnOnExplorerButton({
+    digest,
+}: ViewTxnOnExplorerButtonProps): React.JSX.Element {
     return (
         <Button
             type={ButtonType.Outlined}
diff --git a/apps/core/src/components/cards/BalanceChanges.tsx b/apps/core/src/components/cards/BalanceChanges.tsx
index efd3d36ec74..e7b1d8791b1 100644
--- a/apps/core/src/components/cards/BalanceChanges.tsx
+++ b/apps/core/src/components/cards/BalanceChanges.tsx
@@ -2,7 +2,7 @@
 // Modifications Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React, { useMemo } from 'react';
+import { useMemo } from 'react';
 import { Divider, Header, KeyValueInfo, Panel } from '@iota/apps-ui-kit';
 import type { BalanceChangeSummary, RenderExplorerLink } from '../../types';
 import { ExplorerLinkType } from '../../enums';
diff --git a/apps/core/src/components/cards/ObjectChangeDisplay.tsx b/apps/core/src/components/cards/ObjectChangeDisplay.tsx
index 99d39a8f62d..9ffb78103f0 100644
--- a/apps/core/src/components/cards/ObjectChangeDisplay.tsx
+++ b/apps/core/src/components/cards/ObjectChangeDisplay.tsx
@@ -2,7 +2,6 @@
 // Modifications Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { type IotaObjectChangeWithDisplay, ExplorerLinkType, ImageIcon } from '../../';
 import { Card, CardAction, CardActionType, CardBody, CardImage, CardType } from '@iota/apps-ui-kit';
 import { ArrowTopRight } from '@iota/ui-icons';
diff --git a/apps/core/src/components/cards/ObjectChanges.tsx b/apps/core/src/components/cards/ObjectChanges.tsx
index 3435ddf6229..7c8b6608905 100644
--- a/apps/core/src/components/cards/ObjectChanges.tsx
+++ b/apps/core/src/components/cards/ObjectChanges.tsx
@@ -1,7 +1,7 @@
 // Copyright (c) Mysten Labs, Inc.
 // Modifications Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
-import React, { useState } from 'react';
+import { useState } from 'react';
 import {
     getObjectChangeLabel,
     type ObjectChangesByOwner,
diff --git a/apps/core/src/components/coin/CoinItem.tsx b/apps/core/src/components/coin/CoinItem.tsx
index 8e2062efa26..65eef1cb490 100644
--- a/apps/core/src/components/coin/CoinItem.tsx
+++ b/apps/core/src/components/coin/CoinItem.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import {
     Card,
     CardAction,
diff --git a/apps/core/src/components/collapsible/Collapsible.tsx b/apps/core/src/components/collapsible/Collapsible.tsx
index 7e73fdfd2bf..5201d170aae 100644
--- a/apps/core/src/components/collapsible/Collapsible.tsx
+++ b/apps/core/src/components/collapsible/Collapsible.tsx
@@ -2,7 +2,7 @@
 // Modifications Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React, { useState, type ReactNode } from 'react';
+import { useState, type ReactNode } from 'react';
 import { Accordion, AccordionContent, AccordionHeader, Title, TitleSize } from '@iota/apps-ui-kit';
 
 interface CollapsibleProps extends React.PropsWithChildren {
diff --git a/apps/core/src/components/gas/GasFees.tsx b/apps/core/src/components/gas/GasFees.tsx
index 19d4fad5c0d..95b02da90af 100644
--- a/apps/core/src/components/gas/GasFees.tsx
+++ b/apps/core/src/components/gas/GasFees.tsx
@@ -2,7 +2,6 @@
 // Modifications Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { TitleSize, Badge, BadgeType, Title, Panel } from '@iota/apps-ui-kit';
 import { Collapsible, GasSummary, type RenderExplorerLink, type GasSummaryType } from '../../';
 
diff --git a/apps/core/src/components/gas/GasSummary.tsx b/apps/core/src/components/gas/GasSummary.tsx
index 8bad6d508d4..04479a48e87 100644
--- a/apps/core/src/components/gas/GasSummary.tsx
+++ b/apps/core/src/components/gas/GasSummary.tsx
@@ -2,7 +2,6 @@
 // Modifications Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { ExplorerLinkType, useFormatCoin, type GasSummaryType } from '../../';
 import { RenderExplorerLink } from '../../types';
 import { formatAddress, IOTA_TYPE_ARG } from '@iota/iota-sdk/utils';
diff --git a/apps/core/src/components/lists/ExpandableList.tsx b/apps/core/src/components/lists/ExpandableList.tsx
index afd6bacce0c..519e47cd746 100644
--- a/apps/core/src/components/lists/ExpandableList.tsx
+++ b/apps/core/src/components/lists/ExpandableList.tsx
@@ -3,7 +3,7 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import clsx from 'clsx';
-import React, { useMemo, useState, type ReactNode } from 'react';
+import { useMemo, useState, type ReactNode } from 'react';
 import { TriangleDown } from '@iota/ui-icons';
 import { Button, ButtonSize, ButtonType } from '@iota/apps-ui-kit';
 
diff --git a/apps/core/src/components/stake/StakedCard.tsx b/apps/core/src/components/stake/StakedCard.tsx
index 92f6b0e8184..efaa5a0a2e5 100644
--- a/apps/core/src/components/stake/StakedCard.tsx
+++ b/apps/core/src/components/stake/StakedCard.tsx
@@ -9,7 +9,6 @@ import { useIotaClientQuery } from '@iota/dapp-kit';
 import { ImageIcon } from '../icon';
 import { ExtendedDelegatedStake } from '../../utils';
 import { useFormatCoin, useStakeRewardStatus } from '../../hooks';
-import React from 'react';
 
 interface StakedCardProps {
     extendedStake: ExtendedDelegatedStake;
diff --git a/apps/core/src/components/transaction/TransactionReceipt.tsx b/apps/core/src/components/transaction/TransactionReceipt.tsx
index 99cac6112af..45c925c76e7 100644
--- a/apps/core/src/components/transaction/TransactionReceipt.tsx
+++ b/apps/core/src/components/transaction/TransactionReceipt.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { InfoBox, InfoBoxStyle, InfoBoxType } from '@iota/apps-ui-kit';
 import { formatDate, type useTransactionSummary } from '../../hooks';
 import { CheckmarkFilled } from '@iota/ui-icons';
diff --git a/apps/core/src/components/transaction/amount/TransactionAmount.tsx b/apps/core/src/components/transaction/amount/TransactionAmount.tsx
index 6305dd2ae88..f65d9d4365f 100644
--- a/apps/core/src/components/transaction/amount/TransactionAmount.tsx
+++ b/apps/core/src/components/transaction/amount/TransactionAmount.tsx
@@ -2,7 +2,6 @@
 // Modifications Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { ImageIconSize, CoinIcon } from '../..';
 import {
     Card,
diff --git a/apps/core/src/components/transaction/info/StakeTransactionInfo.tsx b/apps/core/src/components/transaction/info/StakeTransactionInfo.tsx
index 47f00c48d4f..f2802ad809a 100644
--- a/apps/core/src/components/transaction/info/StakeTransactionInfo.tsx
+++ b/apps/core/src/components/transaction/info/StakeTransactionInfo.tsx
@@ -2,7 +2,6 @@
 // Modifications Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { Divider, KeyValueInfo, Panel, TooltipPosition } from '@iota/apps-ui-kit';
 import { type GasSummaryType, useStakeTxnInfo, GasSummary } from '../../../';
 import { RenderExplorerLink } from '../../../types';
diff --git a/apps/core/src/components/transaction/info/UnstakeTransactionInfo.tsx b/apps/core/src/components/transaction/info/UnstakeTransactionInfo.tsx
index 94e120821d3..50061fcb473 100644
--- a/apps/core/src/components/transaction/info/UnstakeTransactionInfo.tsx
+++ b/apps/core/src/components/transaction/info/UnstakeTransactionInfo.tsx
@@ -2,7 +2,6 @@
 // Modifications Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { TransactionAmount } from '../amount';
 import type { IotaEvent } from '@iota/iota-sdk/client';
 import { IOTA_TYPE_ARG } from '@iota/iota-sdk/utils';
diff --git a/apps/core/src/components/transaction/summary/TransactionSummary.tsx b/apps/core/src/components/transaction/summary/TransactionSummary.tsx
index 090d84d8ece..cd669d6cc49 100644
--- a/apps/core/src/components/transaction/summary/TransactionSummary.tsx
+++ b/apps/core/src/components/transaction/summary/TransactionSummary.tsx
@@ -1,7 +1,7 @@
 // Copyright (c) Mysten Labs, Inc.
 // Modifications Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
-import React from 'react';
+
 import { type TransactionSummaryType } from '../../..';
 import { BalanceChanges, ObjectChanges } from '../../cards';
 import { LoadingIndicator, Title, TitleSize } from '@iota/apps-ui-kit';
diff --git a/apps/core/tsconfig.json b/apps/core/tsconfig.json
new file mode 100644
index 00000000000..1f2191974c4
--- /dev/null
+++ b/apps/core/tsconfig.json
@@ -0,0 +1,13 @@
+{
+    "compilerOptions": {
+        "jsx": "react-jsx",
+        "module": "ESNext",
+        "target": "ES2020",
+        "strict": true,
+        "esModuleInterop": true,
+        "moduleResolution": "node",
+        "skipLibCheck": true
+    },
+    "include": ["src"],
+    "exclude": ["node_modules", "dist"]
+}
diff --git a/apps/explorer/src/index.tsx b/apps/explorer/src/index.tsx
index 670a7e6ad93..aad5ea550a5 100644
--- a/apps/explorer/src/index.tsx
+++ b/apps/explorer/src/index.tsx
@@ -9,7 +9,6 @@ import { QueryClientProvider } from '@tanstack/react-query';
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import { RouterProvider } from 'react-router-dom';
-
 import { growthbook, initAmplitude, initSentry, queryClient } from './lib/utils';
 import { router } from './pages';
 
diff --git a/apps/explorer/src/pages/validator/ValidatorDetails.tsx b/apps/explorer/src/pages/validator/ValidatorDetails.tsx
index a8ea8c7ae60..3bbc2322f2c 100644
--- a/apps/explorer/src/pages/validator/ValidatorDetails.tsx
+++ b/apps/explorer/src/pages/validator/ValidatorDetails.tsx
@@ -5,7 +5,7 @@
 import { useGetValidatorsApy, useGetValidatorsEvents } from '@iota/core';
 import { useIotaClientQuery } from '@iota/dapp-kit';
 import { type IotaSystemStateSummary } from '@iota/iota-sdk/client';
-import React, { useMemo } from 'react';
+import { useMemo } from 'react';
 import { useParams } from 'react-router-dom';
 import { PageLayout, ValidatorMeta, ValidatorStats } from '~/components';
 import { VALIDATOR_LOW_STAKE_GRACE_PERIOD } from '~/lib/constants';
diff --git a/apps/explorer/src/pages/validators/Validators.tsx b/apps/explorer/src/pages/validators/Validators.tsx
index 78e333cbf90..16c95dc86d9 100644
--- a/apps/explorer/src/pages/validators/Validators.tsx
+++ b/apps/explorer/src/pages/validators/Validators.tsx
@@ -2,7 +2,7 @@
 // Modifications Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React, { type JSX, useMemo } from 'react';
+import { type JSX, useMemo } from 'react';
 import { roundFloat, useFormatCoin, useGetValidatorsApy, useGetValidatorsEvents } from '@iota/core';
 import {
     DisplayStats,
diff --git a/apps/ui-kit/src/lib/components/atoms/badge/Badge.tsx b/apps/ui-kit/src/lib/components/atoms/badge/Badge.tsx
index 390b8078342..c6dcba7dff9 100644
--- a/apps/ui-kit/src/lib/components/atoms/badge/Badge.tsx
+++ b/apps/ui-kit/src/lib/components/atoms/badge/Badge.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import cx from 'classnames';
 import { BadgeType } from './badge.enums';
 import { BACKGROUND_COLORS, BADGE_TEXT_CLASS, BORDER_COLORS, TEXT_COLORS } from './badge.classes';
diff --git a/apps/ui-kit/src/lib/components/atoms/button-segment/ButtonSegment.tsx b/apps/ui-kit/src/lib/components/atoms/button-segment/ButtonSegment.tsx
index f3ff331c2d8..6c092fab833 100644
--- a/apps/ui-kit/src/lib/components/atoms/button-segment/ButtonSegment.tsx
+++ b/apps/ui-kit/src/lib/components/atoms/button-segment/ButtonSegment.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import {
     BACKGROUND_COLORS,
     BACKGROUND_COLORS_SELECTED,
diff --git a/apps/ui-kit/src/lib/components/atoms/button/Button.tsx b/apps/ui-kit/src/lib/components/atoms/button/Button.tsx
index b35d566c50f..793aa5d8cb1 100644
--- a/apps/ui-kit/src/lib/components/atoms/button/Button.tsx
+++ b/apps/ui-kit/src/lib/components/atoms/button/Button.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { ButtonHtmlType, ButtonSize, ButtonType } from './button.enums';
 import {
     PADDINGS,
diff --git a/apps/ui-kit/src/lib/components/atoms/divider/Divider.tsx b/apps/ui-kit/src/lib/components/atoms/divider/Divider.tsx
index a9391cfe151..996bc0ac005 100644
--- a/apps/ui-kit/src/lib/components/atoms/divider/Divider.tsx
+++ b/apps/ui-kit/src/lib/components/atoms/divider/Divider.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { DividerType } from './divider.enums';
 import cx from 'classnames';
 import { BACKGROUND_COLORS, DIVIDER_FULL_WIDTH } from './divider.classes';
diff --git a/apps/ui-kit/src/lib/components/atoms/info-box/InfoBox.tsx b/apps/ui-kit/src/lib/components/atoms/info-box/InfoBox.tsx
index e8548979d21..7fb7216f423 100644
--- a/apps/ui-kit/src/lib/components/atoms/info-box/InfoBox.tsx
+++ b/apps/ui-kit/src/lib/components/atoms/info-box/InfoBox.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import cx from 'classnames';
 import { InfoBoxStyle, InfoBoxType } from './info-box.enums';
 import { BACKGROUND_COLORS, ICON_COLORS } from './info-box.classes';
diff --git a/apps/ui-kit/src/lib/components/atoms/key-value-info/KeyValueInfo.tsx b/apps/ui-kit/src/lib/components/atoms/key-value-info/KeyValueInfo.tsx
index 0b7ece824cf..95d2a4c8aa8 100644
--- a/apps/ui-kit/src/lib/components/atoms/key-value-info/KeyValueInfo.tsx
+++ b/apps/ui-kit/src/lib/components/atoms/key-value-info/KeyValueInfo.tsx
@@ -1,7 +1,7 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import cx from 'classnames';
 import { Copy, Info } from '@iota/ui-icons';
 import { ValueSize } from './keyValue.enums';
diff --git a/apps/ui-kit/src/lib/components/atoms/label-text/LabelText.tsx b/apps/ui-kit/src/lib/components/atoms/label-text/LabelText.tsx
index 5135219c33c..a4064864e09 100644
--- a/apps/ui-kit/src/lib/components/atoms/label-text/LabelText.tsx
+++ b/apps/ui-kit/src/lib/components/atoms/label-text/LabelText.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import cx from 'classnames';
 import { LabelTextSize } from './labelText.enums';
 import { LABEL_TEXT_SIZE, SUPPORTING_TEXT_SIZE, TEXT_SIZE } from './labelText.classes';
diff --git a/apps/ui-kit/src/lib/components/atoms/list-item/ListItem.tsx b/apps/ui-kit/src/lib/components/atoms/list-item/ListItem.tsx
index 9f6475a674b..f0bfd196a6c 100644
--- a/apps/ui-kit/src/lib/components/atoms/list-item/ListItem.tsx
+++ b/apps/ui-kit/src/lib/components/atoms/list-item/ListItem.tsx
@@ -1,7 +1,7 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React, { PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 import cx from 'classnames';
 import { ArrowRight } from '@iota/ui-icons';
 import { Button, ButtonSize, ButtonType } from '@/components';
diff --git a/apps/ui-kit/src/lib/components/atoms/loading-indicator/LoadingIndicator.tsx b/apps/ui-kit/src/lib/components/atoms/loading-indicator/LoadingIndicator.tsx
index 86160c55771..547571e3a7f 100644
--- a/apps/ui-kit/src/lib/components/atoms/loading-indicator/LoadingIndicator.tsx
+++ b/apps/ui-kit/src/lib/components/atoms/loading-indicator/LoadingIndicator.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import cx from 'classnames';
 import { Loader } from '@iota/ui-icons';
 
diff --git a/apps/ui-kit/src/lib/components/atoms/panel/Panel.tsx b/apps/ui-kit/src/lib/components/atoms/panel/Panel.tsx
index d5eae32a334..0f87336f524 100644
--- a/apps/ui-kit/src/lib/components/atoms/panel/Panel.tsx
+++ b/apps/ui-kit/src/lib/components/atoms/panel/Panel.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import cx from 'classnames';
 
 interface PanelProps {
diff --git a/apps/ui-kit/src/lib/components/atoms/radio-button/RadioButton.tsx b/apps/ui-kit/src/lib/components/atoms/radio-button/RadioButton.tsx
index 54bbb8277de..02a768fe64c 100644
--- a/apps/ui-kit/src/lib/components/atoms/radio-button/RadioButton.tsx
+++ b/apps/ui-kit/src/lib/components/atoms/radio-button/RadioButton.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import cx from 'classnames';
 import { RadioOn, RadioOff } from '@iota/ui-icons';
 
diff --git a/apps/ui-kit/src/lib/components/atoms/tooltip/Tooltip.tsx b/apps/ui-kit/src/lib/components/atoms/tooltip/Tooltip.tsx
index 467aa94d316..220f47f7da7 100644
--- a/apps/ui-kit/src/lib/components/atoms/tooltip/Tooltip.tsx
+++ b/apps/ui-kit/src/lib/components/atoms/tooltip/Tooltip.tsx
@@ -1,7 +1,7 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React, { PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 import cx from 'classnames';
 import { TooltipPosition } from './tooltip.enums';
 import { TOOLTIP_POSITION } from './tooltip.classes';
diff --git a/apps/ui-kit/src/lib/components/atoms/visual-asset-card/VisualAssetCard.tsx b/apps/ui-kit/src/lib/components/atoms/visual-asset-card/VisualAssetCard.tsx
index 1dbcf4731cf..99cfe9b1271 100644
--- a/apps/ui-kit/src/lib/components/atoms/visual-asset-card/VisualAssetCard.tsx
+++ b/apps/ui-kit/src/lib/components/atoms/visual-asset-card/VisualAssetCard.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { VisualAssetType } from './visual-asset-card.enums';
 import { ButtonUnstyled } from '../button';
 import { MoreHoriz } from '@iota/ui-icons';
diff --git a/apps/ui-kit/src/lib/components/molecules/account/Account.tsx b/apps/ui-kit/src/lib/components/molecules/account/Account.tsx
index e62f598ad1b..b836d60b306 100644
--- a/apps/ui-kit/src/lib/components/molecules/account/Account.tsx
+++ b/apps/ui-kit/src/lib/components/molecules/account/Account.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import cx from 'classnames';
 import { ButtonUnstyled } from '../../atoms/button';
 import { Badge, BadgeType } from '../../atoms';
diff --git a/apps/ui-kit/src/lib/components/molecules/address/Address.tsx b/apps/ui-kit/src/lib/components/molecules/address/Address.tsx
index 869048a62a2..60cf5f9c5b4 100644
--- a/apps/ui-kit/src/lib/components/molecules/address/Address.tsx
+++ b/apps/ui-kit/src/lib/components/molecules/address/Address.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import cx from 'classnames';
 import { Copy, ArrowTopRight } from '@iota/ui-icons';
 import { ButtonUnstyled } from '../../atoms/button';
diff --git a/apps/ui-kit/src/lib/components/molecules/card/Card.tsx b/apps/ui-kit/src/lib/components/molecules/card/Card.tsx
index cc1b8368349..34c9ca68ef6 100644
--- a/apps/ui-kit/src/lib/components/molecules/card/Card.tsx
+++ b/apps/ui-kit/src/lib/components/molecules/card/Card.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import cx from 'classnames';
 import { CARD_DISABLED_CLASSES, CARD_TYPE_CLASSES } from './card.classes';
 import { CardType } from './card.enums';
diff --git a/apps/ui-kit/src/lib/components/molecules/card/CardImage.tsx b/apps/ui-kit/src/lib/components/molecules/card/CardImage.tsx
index 6f4efc1e9d7..1a0048dd2fa 100644
--- a/apps/ui-kit/src/lib/components/molecules/card/CardImage.tsx
+++ b/apps/ui-kit/src/lib/components/molecules/card/CardImage.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import cx from 'classnames';
 import { ImageType, ImageShape } from './card.enums';
 import { IMAGE_BG_CLASSES, IMAGE_VARIANT_CLASSES } from './card.classes';
diff --git a/apps/ui-kit/src/lib/components/molecules/display-stats/DisplayStats.tsx b/apps/ui-kit/src/lib/components/molecules/display-stats/DisplayStats.tsx
index 417b2b8427e..e7303282a4f 100644
--- a/apps/ui-kit/src/lib/components/molecules/display-stats/DisplayStats.tsx
+++ b/apps/ui-kit/src/lib/components/molecules/display-stats/DisplayStats.tsx
@@ -1,7 +1,7 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { Tooltip, TooltipPosition } from '../../atoms';
 import { Info } from '@iota/ui-icons';
 import { DisplayStatsType, DisplayStatsSize } from './display-stats.enums';
diff --git a/apps/ui-kit/src/lib/components/molecules/navbar-item/NavbarItem.tsx b/apps/ui-kit/src/lib/components/molecules/navbar-item/NavbarItem.tsx
index 52eb085081a..a9864a14a17 100644
--- a/apps/ui-kit/src/lib/components/molecules/navbar-item/NavbarItem.tsx
+++ b/apps/ui-kit/src/lib/components/molecules/navbar-item/NavbarItem.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { NavbarItemHorizontal } from './NavbarItemHorizontal';
 import { NavbarItemVertical } from './NavbarItemVertical';
 import { NavbarItemType } from './navbarItem.enums';
diff --git a/apps/ui-kit/src/lib/components/molecules/navbar-item/NavbarItemHorizontal.tsx b/apps/ui-kit/src/lib/components/molecules/navbar-item/NavbarItemHorizontal.tsx
index 328f90aa384..ac0b7fceb26 100644
--- a/apps/ui-kit/src/lib/components/molecules/navbar-item/NavbarItemHorizontal.tsx
+++ b/apps/ui-kit/src/lib/components/molecules/navbar-item/NavbarItemHorizontal.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import cx from 'classnames';
 import {
     BADGE_WITH_TEXT,
diff --git a/apps/ui-kit/src/lib/components/molecules/navbar-item/NavbarItemVertical.tsx b/apps/ui-kit/src/lib/components/molecules/navbar-item/NavbarItemVertical.tsx
index 0212d273523..039ff6fcaef 100644
--- a/apps/ui-kit/src/lib/components/molecules/navbar-item/NavbarItemVertical.tsx
+++ b/apps/ui-kit/src/lib/components/molecules/navbar-item/NavbarItemVertical.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import cx from 'classnames';
 import {
     SELECTED_BACKGROUND,
diff --git a/apps/ui-kit/src/lib/components/molecules/search/Search.tsx b/apps/ui-kit/src/lib/components/molecules/search/Search.tsx
index 35565d8f6af..18d65cece5c 100644
--- a/apps/ui-kit/src/lib/components/molecules/search/Search.tsx
+++ b/apps/ui-kit/src/lib/components/molecules/search/Search.tsx
@@ -1,7 +1,7 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React, { useEffect, useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import cx from 'classnames';
 import { Loader, Search as SearchIcon } from '@iota/ui-icons';
 import { Divider, SearchBarType } from '@/components';
diff --git a/apps/ui-kit/src/lib/components/molecules/segmented-button/SegmentedButton.tsx b/apps/ui-kit/src/lib/components/molecules/segmented-button/SegmentedButton.tsx
index fb09cabcb1f..7b3135fddec 100644
--- a/apps/ui-kit/src/lib/components/molecules/segmented-button/SegmentedButton.tsx
+++ b/apps/ui-kit/src/lib/components/molecules/segmented-button/SegmentedButton.tsx
@@ -1,7 +1,7 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React, { PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 import { BACKGROUND_COLORS, OUTLINED_BORDER } from './segmented-button.classes';
 import cx from 'classnames';
 import { SegmentedButtonType } from './segmented-button.enums';
diff --git a/apps/ui-kit/src/lib/components/molecules/table-header-cell/TableHeaderCell.tsx b/apps/ui-kit/src/lib/components/molecules/table-header-cell/TableHeaderCell.tsx
index 84beb087ecb..d88fc1ec23d 100644
--- a/apps/ui-kit/src/lib/components/molecules/table-header-cell/TableHeaderCell.tsx
+++ b/apps/ui-kit/src/lib/components/molecules/table-header-cell/TableHeaderCell.tsx
@@ -1,6 +1,7 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
-import React from 'react';
+
+import { useState } from 'react';
 import { SortByDown, SortByUp } from '@iota/ui-icons';
 import cx from 'classnames';
 import { Checkbox } from '@/lib';
@@ -64,7 +65,7 @@ export function TableHeaderCell({
     onSortClick,
     onCheckboxChange,
 }: TableHeaderCellProps): JSX.Element {
-    const [sortOrder, setSortOrder] = React.useState<TableHeaderCellSortOrder | null>(
+    const [sortOrder, setSortOrder] = useState<TableHeaderCellSortOrder | null>(
         TableHeaderCellSortOrder.Asc,
     );
 
diff --git a/apps/ui-kit/src/lib/components/organisms/accordion/Accordion.tsx b/apps/ui-kit/src/lib/components/organisms/accordion/Accordion.tsx
index 1489c52c1d5..45886c5a2c6 100644
--- a/apps/ui-kit/src/lib/components/organisms/accordion/Accordion.tsx
+++ b/apps/ui-kit/src/lib/components/organisms/accordion/Accordion.tsx
@@ -1,7 +1,7 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React, { PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 import cx from 'classnames';
 import { ArrowDown } from '@iota/ui-icons';
 import { Button, ButtonType } from '@/lib';
diff --git a/apps/ui-kit/src/lib/components/organisms/navbar/NavbarSlideout.tsx b/apps/ui-kit/src/lib/components/organisms/navbar/NavbarSlideout.tsx
index ad2055b8964..51e7048f9a8 100644
--- a/apps/ui-kit/src/lib/components/organisms/navbar/NavbarSlideout.tsx
+++ b/apps/ui-kit/src/lib/components/organisms/navbar/NavbarSlideout.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { ArrowBack } from '@iota/ui-icons';
 import cx from 'classnames';
 import { Button, ButtonType, NavbarItem, NavbarItemType } from '@/components';
diff --git a/apps/ui-kit/src/storybook/stories/components/VariableSpacingShowcase.tsx b/apps/ui-kit/src/storybook/stories/components/VariableSpacingShowcase.tsx
index 761e9f883e5..5822fdf8ea2 100644
--- a/apps/ui-kit/src/storybook/stories/components/VariableSpacingShowcase.tsx
+++ b/apps/ui-kit/src/storybook/stories/components/VariableSpacingShowcase.tsx
@@ -4,7 +4,6 @@
 import { Button } from '@/lib';
 import { Showcase } from '@/storybook/blocks';
 import { VARIABLE_GAP_CLASSES, VARIABLE_PADDING_CLASSES } from '@/storybook/constants';
-import React from 'react';
 
 export function VariableSpacingShowcase() {
     return (
diff --git a/apps/ui-kit/src/storybook/stories/molecules/DisplayStats.stories.tsx b/apps/ui-kit/src/storybook/stories/molecules/DisplayStats.stories.tsx
index e892659ce9d..9bc46e2f7e3 100644
--- a/apps/ui-kit/src/storybook/stories/molecules/DisplayStats.stories.tsx
+++ b/apps/ui-kit/src/storybook/stories/molecules/DisplayStats.stories.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 import { DisplayStats, TooltipPosition, DisplayStatsType, DisplayStatsSize } from '@/components';
 
diff --git a/apps/ui-kit/src/storybook/stories/molecules/NavbarItem.stories.tsx b/apps/ui-kit/src/storybook/stories/molecules/NavbarItem.stories.tsx
index aad83ca81f8..8ee33fd26bd 100644
--- a/apps/ui-kit/src/storybook/stories/molecules/NavbarItem.stories.tsx
+++ b/apps/ui-kit/src/storybook/stories/molecules/NavbarItem.stories.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 import { NavbarItem, NavbarItemType } from '@/components';
 import { Home } from '@iota/ui-icons';
diff --git a/apps/wallet-dashboard/app/(protected)/activity/page.tsx b/apps/wallet-dashboard/app/(protected)/activity/page.tsx
index 14f4bc516da..7e89ca90b24 100644
--- a/apps/wallet-dashboard/app/(protected)/activity/page.tsx
+++ b/apps/wallet-dashboard/app/(protected)/activity/page.tsx
@@ -3,7 +3,6 @@
 
 'use client';
 
-import React from 'react';
 import { Panel, Title, TitleSize } from '@iota/apps-ui-kit';
 import { TransactionsList } from '@/components';
 
diff --git a/apps/wallet-dashboard/app/(protected)/layout.tsx b/apps/wallet-dashboard/app/(protected)/layout.tsx
index 61dadf84b57..620a8a1184b 100644
--- a/apps/wallet-dashboard/app/(protected)/layout.tsx
+++ b/apps/wallet-dashboard/app/(protected)/layout.tsx
@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 'use client';
 
-import React, { type PropsWithChildren } from 'react';
+import { type PropsWithChildren } from 'react';
 import { Sidebar, TopNav } from './components';
 
 function DashboardLayout({ children }: PropsWithChildren): JSX.Element {
diff --git a/apps/wallet-dashboard/components/AppList/AppList.tsx b/apps/wallet-dashboard/components/AppList/AppList.tsx
index 0ccd665cf95..543250637c6 100644
--- a/apps/wallet-dashboard/components/AppList/AppList.tsx
+++ b/apps/wallet-dashboard/components/AppList/AppList.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import Image from 'next/image';
 import { useAppsBackend } from '@iota/core';
 import { useQuery } from '@tanstack/react-query';
diff --git a/apps/wallet-dashboard/components/Banner.tsx b/apps/wallet-dashboard/components/Banner.tsx
index aa697f9f7b5..c0e4bcf294c 100644
--- a/apps/wallet-dashboard/components/Banner.tsx
+++ b/apps/wallet-dashboard/components/Banner.tsx
@@ -2,7 +2,6 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import { Button, ButtonSize, ButtonType, Panel } from '@iota/apps-ui-kit';
-import React from 'react';
 
 interface BannerProps {
     videoSrc: string;
diff --git a/apps/wallet-dashboard/components/Box.tsx b/apps/wallet-dashboard/components/Box.tsx
index cf2df3ae976..7ffda69c41c 100644
--- a/apps/wallet-dashboard/components/Box.tsx
+++ b/apps/wallet-dashboard/components/Box.tsx
@@ -1,10 +1,10 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
+import { ReactNode } from 'react';
 
 interface BoxProps {
-    children: React.ReactNode;
+    children: ReactNode;
     title?: string;
 }
 
diff --git a/apps/wallet-dashboard/components/Buttons/Button.tsx b/apps/wallet-dashboard/components/Buttons/Button.tsx
index 78c21b256f2..d8bc2efca2d 100644
--- a/apps/wallet-dashboard/components/Buttons/Button.tsx
+++ b/apps/wallet-dashboard/components/Buttons/Button.tsx
@@ -1,8 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
-
 interface ButtonProps {
     onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     children: React.ReactNode;
diff --git a/apps/wallet-dashboard/components/Dialogs/Assets/AssetDialog.tsx b/apps/wallet-dashboard/components/Dialogs/Assets/AssetDialog.tsx
index 3283ef357de..ccc199afcdb 100644
--- a/apps/wallet-dashboard/components/Dialogs/Assets/AssetDialog.tsx
+++ b/apps/wallet-dashboard/components/Dialogs/Assets/AssetDialog.tsx
@@ -1,7 +1,7 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { Dialog } from '@iota/apps-ui-kit';
 import { FormikProvider, useFormik } from 'formik';
 import { useIotaClient, useCurrentAccount } from '@iota/dapp-kit';
diff --git a/apps/wallet-dashboard/components/Dialogs/Assets/views/DetailsView.tsx b/apps/wallet-dashboard/components/Dialogs/Assets/views/DetailsView.tsx
index 6fdd9b54013..0ee80d9fef2 100644
--- a/apps/wallet-dashboard/components/Dialogs/Assets/views/DetailsView.tsx
+++ b/apps/wallet-dashboard/components/Dialogs/Assets/views/DetailsView.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { ExplorerLinkType, useNftDetails, Collapsible, useNFTBasicData } from '@iota/core';
 import {
     Button,
diff --git a/apps/wallet-dashboard/components/Dialogs/Assets/views/SendView.tsx b/apps/wallet-dashboard/components/Dialogs/Assets/views/SendView.tsx
index 3d0350478ac..7d95a98c1f6 100644
--- a/apps/wallet-dashboard/components/Dialogs/Assets/views/SendView.tsx
+++ b/apps/wallet-dashboard/components/Dialogs/Assets/views/SendView.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { AddressInput, useNftDetails } from '@iota/core';
 import { useFormikContext } from 'formik';
 import { DialogLayoutFooter, DialogLayoutBody } from '../../layout';
diff --git a/apps/wallet-dashboard/components/Dialogs/SendToken/SendTokenDialog.tsx b/apps/wallet-dashboard/components/Dialogs/SendToken/SendTokenDialog.tsx
index 2a9f3d1c330..00f5ca57a90 100644
--- a/apps/wallet-dashboard/components/Dialogs/SendToken/SendTokenDialog.tsx
+++ b/apps/wallet-dashboard/components/Dialogs/SendToken/SendTokenDialog.tsx
@@ -1,7 +1,7 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { EnterValuesFormView, ReviewValuesFormView, TransactionDetailsView } from './views';
 import { CoinBalance } from '@iota/iota-sdk/client';
 import { useSendCoinTransaction } from '@/hooks';
diff --git a/apps/wallet-dashboard/components/Dialogs/Staking/StakeDialog.tsx b/apps/wallet-dashboard/components/Dialogs/Staking/StakeDialog.tsx
index 6829097f6c3..66ded41a559 100644
--- a/apps/wallet-dashboard/components/Dialogs/Staking/StakeDialog.tsx
+++ b/apps/wallet-dashboard/components/Dialogs/Staking/StakeDialog.tsx
@@ -1,7 +1,7 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React, { useMemo, useState } from 'react';
+import { useMemo, useState } from 'react';
 import { EnterAmountView, EnterTimelockedAmountView, SelectValidatorView } from './views';
 import {
     ExtendedDelegatedStake,
diff --git a/apps/wallet-dashboard/components/Dialogs/Staking/views/DetailsView.tsx b/apps/wallet-dashboard/components/Dialogs/Staking/views/DetailsView.tsx
index 48ebf1b4f3c..b030a6fa299 100644
--- a/apps/wallet-dashboard/components/Dialogs/Staking/views/DetailsView.tsx
+++ b/apps/wallet-dashboard/components/Dialogs/Staking/views/DetailsView.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import {
     ExtendedDelegatedStake,
     ImageIcon,
diff --git a/apps/wallet-dashboard/components/Dialogs/Staking/views/EnterAmountDialogLayout.tsx b/apps/wallet-dashboard/components/Dialogs/Staking/views/EnterAmountDialogLayout.tsx
index c199cc83564..38ef3cac339 100644
--- a/apps/wallet-dashboard/components/Dialogs/Staking/views/EnterAmountDialogLayout.tsx
+++ b/apps/wallet-dashboard/components/Dialogs/Staking/views/EnterAmountDialogLayout.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { useFormatCoin, useStakeTxnInfo } from '@iota/core';
 import { IOTA_TYPE_ARG } from '@iota/iota-sdk/utils';
 import {
diff --git a/apps/wallet-dashboard/components/Dialogs/Staking/views/EnterAmountView.tsx b/apps/wallet-dashboard/components/Dialogs/Staking/views/EnterAmountView.tsx
index df34179d791..297ecba4e17 100644
--- a/apps/wallet-dashboard/components/Dialogs/Staking/views/EnterAmountView.tsx
+++ b/apps/wallet-dashboard/components/Dialogs/Staking/views/EnterAmountView.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { useFormatCoin, useBalance, CoinFormat, parseAmount, useCoinMetadata } from '@iota/core';
 import { IOTA_TYPE_ARG } from '@iota/iota-sdk/utils';
 import { useFormikContext } from 'formik';
diff --git a/apps/wallet-dashboard/components/Dialogs/Staking/views/EnterTimelockedAmountView.tsx b/apps/wallet-dashboard/components/Dialogs/Staking/views/EnterTimelockedAmountView.tsx
index eed212e8c8c..9ef12ac726d 100644
--- a/apps/wallet-dashboard/components/Dialogs/Staking/views/EnterTimelockedAmountView.tsx
+++ b/apps/wallet-dashboard/components/Dialogs/Staking/views/EnterTimelockedAmountView.tsx
@@ -1,7 +1,7 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import {
     useFormatCoin,
     CoinFormat,
diff --git a/apps/wallet-dashboard/components/Dialogs/Staking/views/SelectValidatorView.tsx b/apps/wallet-dashboard/components/Dialogs/Staking/views/SelectValidatorView.tsx
index 76619d8329c..06dbcbc2d06 100644
--- a/apps/wallet-dashboard/components/Dialogs/Staking/views/SelectValidatorView.tsx
+++ b/apps/wallet-dashboard/components/Dialogs/Staking/views/SelectValidatorView.tsx
@@ -1,9 +1,7 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { Button, Header } from '@iota/apps-ui-kit';
-
 import { Validator } from './Validator';
 import { DialogLayout, DialogLayoutBody, DialogLayoutFooter } from '../../layout';
 
diff --git a/apps/wallet-dashboard/components/Dialogs/migration/MigrationDialog.tsx b/apps/wallet-dashboard/components/Dialogs/migration/MigrationDialog.tsx
index 3fd91b0eb35..5e21d9896dd 100644
--- a/apps/wallet-dashboard/components/Dialogs/migration/MigrationDialog.tsx
+++ b/apps/wallet-dashboard/components/Dialogs/migration/MigrationDialog.tsx
@@ -1,7 +1,7 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { useCurrentAccount, useSignAndExecuteTransaction } from '@iota/dapp-kit';
 import { IotaObjectData } from '@iota/iota-sdk/client';
 import { useMigrationTransaction } from '@/hooks/useMigrationTransaction';
diff --git a/apps/wallet-dashboard/components/Dialogs/migration/views/ConfirmMigrationView.tsx b/apps/wallet-dashboard/components/Dialogs/migration/views/ConfirmMigrationView.tsx
index 7066a922187..c81db02dba5 100644
--- a/apps/wallet-dashboard/components/Dialogs/migration/views/ConfirmMigrationView.tsx
+++ b/apps/wallet-dashboard/components/Dialogs/migration/views/ConfirmMigrationView.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { MigrationObjectLoading, VirtualList } from '@/components';
 import { useCurrentAccount } from '@iota/dapp-kit';
 import { IotaObjectData } from '@iota/iota-sdk/client';
diff --git a/apps/wallet-dashboard/components/Dialogs/settings/SettingsDialog.tsx b/apps/wallet-dashboard/components/Dialogs/settings/SettingsDialog.tsx
index 447c3e3a4e9..75c40efaf9d 100644
--- a/apps/wallet-dashboard/components/Dialogs/settings/SettingsDialog.tsx
+++ b/apps/wallet-dashboard/components/Dialogs/settings/SettingsDialog.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { Dialog } from '@iota/apps-ui-kit';
 import { SettingsDialogView } from './enums';
 import { SettingsListView, NetworkSelectorView } from './views';
diff --git a/apps/wallet-dashboard/components/Dialogs/settings/views/SettingsListView.tsx b/apps/wallet-dashboard/components/Dialogs/settings/views/SettingsListView.tsx
index 6f7b3fbce66..97dbd7d0c2b 100644
--- a/apps/wallet-dashboard/components/Dialogs/settings/views/SettingsListView.tsx
+++ b/apps/wallet-dashboard/components/Dialogs/settings/views/SettingsListView.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import {
     Card,
     CardAction,
diff --git a/apps/wallet-dashboard/components/Dialogs/transaction/TransactionDetailsLayout.tsx b/apps/wallet-dashboard/components/Dialogs/transaction/TransactionDetailsLayout.tsx
index 44bc9474a6a..6251ea86517 100644
--- a/apps/wallet-dashboard/components/Dialogs/transaction/TransactionDetailsLayout.tsx
+++ b/apps/wallet-dashboard/components/Dialogs/transaction/TransactionDetailsLayout.tsx
@@ -1,6 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
-import React from 'react';
+
 import { ExplorerLink } from '@/components';
 import { ExtendedTransaction } from '@/lib/interfaces';
 import { Header, LoadingIndicator } from '@iota/apps-ui-kit';
diff --git a/apps/wallet-dashboard/components/Input.tsx b/apps/wallet-dashboard/components/Input.tsx
index 958fb46adc3..6216f607aa8 100644
--- a/apps/wallet-dashboard/components/Input.tsx
+++ b/apps/wallet-dashboard/components/Input.tsx
@@ -1,8 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
-
 interface InputProps {
     label?: string;
     value: string;
diff --git a/apps/wallet-dashboard/components/RouteLink.tsx b/apps/wallet-dashboard/components/RouteLink.tsx
index 9b6cc785785..73c0d94e954 100644
--- a/apps/wallet-dashboard/components/RouteLink.tsx
+++ b/apps/wallet-dashboard/components/RouteLink.tsx
@@ -4,7 +4,6 @@
 'use client';
 
 import { usePathname } from 'next/navigation';
-import React from 'react';
 import Link from 'next/link';
 
 interface RouteLinkProps {
diff --git a/apps/wallet-dashboard/components/VirtualList.tsx b/apps/wallet-dashboard/components/VirtualList.tsx
index 072485e7c72..667cef76df3 100644
--- a/apps/wallet-dashboard/components/VirtualList.tsx
+++ b/apps/wallet-dashboard/components/VirtualList.tsx
@@ -3,7 +3,7 @@
 
 'use client';
 
-import React, { ReactNode, useEffect } from 'react';
+import { ReactNode, useEffect, useRef } from 'react';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import clsx from 'clsx';
 
@@ -30,7 +30,7 @@ export function VirtualList<T>({
     heightClassName = 'h-fit',
     overflowClassName,
 }: VirtualListProps<T>): JSX.Element {
-    const containerRef = React.useRef<HTMLDivElement | null>(null);
+    const containerRef = useRef<HTMLDivElement | null>(null);
     const virtualizer = useVirtualizer({
         // Render one more item if there is still pages to be fetched
         count: hasNextPage ? items.length + 1 : items.length,
diff --git a/apps/wallet-dashboard/components/coins/MyCoins.tsx b/apps/wallet-dashboard/components/coins/MyCoins.tsx
index 2e1b6f3f84c..de8260b4def 100644
--- a/apps/wallet-dashboard/components/coins/MyCoins.tsx
+++ b/apps/wallet-dashboard/components/coins/MyCoins.tsx
@@ -1,7 +1,7 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { useCurrentAccount, useIotaClientQuery } from '@iota/dapp-kit';
 import { CoinBalance } from '@iota/iota-sdk/client';
 import {
diff --git a/apps/wallet-dashboard/components/tiles/VisualAssetTile.tsx b/apps/wallet-dashboard/components/tiles/VisualAssetTile.tsx
index 642d06daff0..8103bc6fdc7 100644
--- a/apps/wallet-dashboard/components/tiles/VisualAssetTile.tsx
+++ b/apps/wallet-dashboard/components/tiles/VisualAssetTile.tsx
@@ -4,7 +4,6 @@
 'use client';
 
 import { IotaObjectData } from '@iota/iota-sdk/client';
-import React from 'react';
 import { useGetNFTDisplay } from '@iota/core';
 import { FlexDirection } from '@/lib/ui/enums';
 import { VisualAssetCard, VisualAssetType, type VisualAssetCardProps } from '@iota/apps-ui-kit';
diff --git a/apps/wallet-dashboard/components/transactions/TransactionTile.tsx b/apps/wallet-dashboard/components/transactions/TransactionTile.tsx
index 1f06f8dfab9..0441adda3c6 100644
--- a/apps/wallet-dashboard/components/transactions/TransactionTile.tsx
+++ b/apps/wallet-dashboard/components/transactions/TransactionTile.tsx
@@ -3,7 +3,7 @@
 
 'use client';
 
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { TransactionIcon } from './TransactionIcon';
 import formatTimestamp from '@/lib/utils/time';
 import { ExtendedTransaction, TransactionState } from '@/lib/interfaces';
diff --git a/apps/wallet-dashboard/components/transactions/TransactionsList.tsx b/apps/wallet-dashboard/components/transactions/TransactionsList.tsx
index 65701bd8521..bc3f0da5fce 100644
--- a/apps/wallet-dashboard/components/transactions/TransactionsList.tsx
+++ b/apps/wallet-dashboard/components/transactions/TransactionsList.tsx
@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react';
 import { useCurrentAccount } from '@iota/dapp-kit';
 import { VirtualList, TransactionTile } from '@/components';
 import { useQueryTransactionsByAddress } from '@iota/core';
diff --git a/apps/wallet/src/ui/app/components/OutsideClickHandler.tsx b/apps/wallet/src/ui/app/components/OutsideClickHandler.tsx
index b309c5d642a..b79949f48db 100644
--- a/apps/wallet/src/ui/app/components/OutsideClickHandler.tsx
+++ b/apps/wallet/src/ui/app/components/OutsideClickHandler.tsx
@@ -1,7 +1,7 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import React, { useEffect, useRef } from 'react';
+import { useEffect, useRef } from 'react';
 
 interface OutsideClickHandlerProps {
     onOutsideClick: () => void;
diff --git a/apps/wallet/src/ui/app/components/accounts/UnlockAccountContext.tsx b/apps/wallet/src/ui/app/components/accounts/UnlockAccountContext.tsx
index 71e7758d0ae..1fdc63bc2d3 100644
--- a/apps/wallet/src/ui/app/components/accounts/UnlockAccountContext.tsx
+++ b/apps/wallet/src/ui/app/components/accounts/UnlockAccountContext.tsx
@@ -3,14 +3,7 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import { type SerializedUIAccount } from '_src/background/accounts/Account';
-import React, {
-    createContext,
-    useCallback,
-    useContext,
-    useState,
-    type ReactNode,
-    useRef,
-} from 'react';
+import { createContext, useCallback, useContext, useState, type ReactNode, useRef } from 'react';
 import { toast } from 'react-hot-toast';
 import { useBackgroundClient } from '../../hooks/useBackgroundClient';
 import { useUnlockMutation } from '../../hooks/useUnlockMutation';
diff --git a/apps/wallet/src/ui/app/pages/accounts/manage/AccountGroup.tsx b/apps/wallet/src/ui/app/pages/accounts/manage/AccountGroup.tsx
index c1a63ae97cd..016f3e51dff 100644
--- a/apps/wallet/src/ui/app/pages/accounts/manage/AccountGroup.tsx
+++ b/apps/wallet/src/ui/app/pages/accounts/manage/AccountGroup.tsx
@@ -6,7 +6,7 @@ import { AccountType, type SerializedUIAccount } from '_src/background/accounts/
 import { AccountsFormType, useAccountsFormContext, VerifyPasswordModal } from '_components';
 import { useAccountSources } from '_src/ui/app/hooks/useAccountSources';
 import { useCreateAccountsMutation } from '_src/ui/app/hooks/useCreateAccountMutation';
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import clsx from 'clsx';