From 8e614f5692da7ab68d41fe5a8869e99abbea313b Mon Sep 17 00:00:00 2001
From: evavirseda <evirseda@boxfish.studio>
Date: Thu, 26 Dec 2024 19:03:24 +0100
Subject: [PATCH] feat: remove debris and add tsconfig

---
 apps/core/src/components/Inputs/AddressInput.tsx    |  2 +-
 .../components/buttons/ViewTxnOnExplorerButton.tsx  |  5 +++--
 apps/core/src/components/cards/BalanceChanges.tsx   |  2 +-
 apps/core/src/components/cards/ObjectChanges.tsx    |  2 +-
 .../core/src/components/collapsible/Collapsible.tsx |  2 +-
 apps/core/src/components/lists/ExpandableList.tsx   |  2 +-
 apps/core/tsconfig.json                             | 13 +++++++++++++
 .../src/pages/validator/ValidatorDetails.tsx        |  2 +-
 apps/explorer/src/pages/validators/Validators.tsx   |  2 +-
 .../atoms/key-value-info/KeyValueInfo.tsx           |  2 +-
 .../src/lib/components/atoms/list-item/ListItem.tsx |  2 +-
 .../src/lib/components/atoms/tooltip/Tooltip.tsx    |  2 +-
 .../molecules/display-stats/DisplayStats.tsx        |  2 +-
 .../src/lib/components/molecules/search/Search.tsx  |  2 +-
 .../molecules/segmented-button/SegmentedButton.tsx  |  2 +-
 .../components/organisms/accordion/Accordion.tsx    |  2 +-
 apps/wallet-dashboard/app/(protected)/layout.tsx    |  2 +-
 .../components/Dialogs/Assets/AssetDialog.tsx       |  2 +-
 .../Dialogs/SendToken/SendTokenDialog.tsx           |  2 +-
 .../components/Dialogs/Staking/StakeDialog.tsx      |  2 +-
 .../Staking/views/EnterTimelockedAmountView.tsx     |  2 +-
 .../Dialogs/migration/MigrationDialog.tsx           |  2 +-
 apps/wallet-dashboard/components/Input.tsx          |  2 --
 apps/wallet-dashboard/components/VirtualList.tsx    |  4 ++--
 apps/wallet-dashboard/components/coins/MyCoins.tsx  |  2 +-
 .../components/transactions/TransactionTile.tsx     |  2 +-
 .../src/ui/app/components/OutsideClickHandler.tsx   |  2 +-
 .../components/accounts/UnlockAccountContext.tsx    |  9 +--------
 .../ui/app/pages/accounts/manage/AccountGroup.tsx   |  2 +-
 29 files changed, 43 insertions(+), 38 deletions(-)
 create mode 100644 apps/core/tsconfig.json

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/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/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/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/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/tsconfig.json b/apps/core/tsconfig.json
new file mode 100644
index 00000000000..1d5289598f2
--- /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/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/key-value-info/KeyValueInfo.tsx b/apps/ui-kit/src/lib/components/atoms/key-value-info/KeyValueInfo.tsx
index d15da2af5de..6548af70de1 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/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/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/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/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/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/wallet-dashboard/app/(protected)/layout.tsx b/apps/wallet-dashboard/app/(protected)/layout.tsx
index 72fa80c67cc..c5fe5f66c9d 100644
--- a/apps/wallet-dashboard/app/(protected)/layout.tsx
+++ b/apps/wallet-dashboard/app/(protected)/layout.tsx
@@ -3,7 +3,7 @@
 'use client';
 
 import { Notifications } from '@/components/index';
-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/Dialogs/Assets/AssetDialog.tsx b/apps/wallet-dashboard/components/Dialogs/Assets/AssetDialog.tsx
index c71390a33aa..a961d467387 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/SendToken/SendTokenDialog.tsx b/apps/wallet-dashboard/components/Dialogs/SendToken/SendTokenDialog.tsx
index a33f018a09c..576b5119293 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, useNotifications } 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/EnterTimelockedAmountView.tsx b/apps/wallet-dashboard/components/Dialogs/Staking/views/EnterTimelockedAmountView.tsx
index b21a6ad3bd1..31b600df59e 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/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/Input.tsx b/apps/wallet-dashboard/components/Input.tsx
index 40463e507ce..d55c2703586 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/VirtualList.tsx b/apps/wallet-dashboard/components/VirtualList.tsx
index 58dc598a364..0aa0a60f4a1 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 @@ 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 411d7cdc702..d97cffcf5a8 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/transactions/TransactionTile.tsx b/apps/wallet-dashboard/components/transactions/TransactionTile.tsx
index 0c76c27ceb1..1cf73b35101 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/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';