Sergei / fix useLocalStorage initial value type (#13171)

* feat: add empty string to fix type * feat: add check for useSyncLocalStorageClientAccounts hook
deriv-com · Jan 26, 2024 · 054804b · 054804b
1 parent bfb8f7c
commit 054804b
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/packages/wallets/src/components/WalletTourGuide/WalletMobileTourGuide.tsx b/packages/wallets/src/components/WalletTourGuide/WalletMobileTourGuide.tsx
@@ -26,7 +26,7 @@ const WalletMobileTourGuide = ({
     isOptionsAndMultipliersLoaded = true,
     isWalletSettled = true,
 }: TProps) => {
-    const [walletsOnboarding, setWalletsOnboarding] = useLocalStorage(key, useReadLocalStorage(key));
+    const [walletsOnboarding, setWalletsOnboarding] = useLocalStorage(key, useReadLocalStorage(key) ?? '');
     const { isMobile } = useDevice();
     const { activeTabIndex, setActiveTabIndex } = useTabs();
     const [onboardingStep, setOnboardingStep] = useState(0);

diff --git a/packages/wallets/src/components/WalletTourGuide/WalletTourGuide.tsx b/packages/wallets/src/components/WalletTourGuide/WalletTourGuide.tsx
@@ -15,7 +15,7 @@ import {
 import './WalletTourGuide.scss';
 
 const WalletTourGuide = () => {
-    const [walletsOnboarding, setWalletsOnboarding] = useLocalStorage(key, useReadLocalStorage(key));
+    const [walletsOnboarding, setWalletsOnboarding] = useLocalStorage(key, useReadLocalStorage(key) ?? '');
     const [addMoreWalletsTransformValue, setAddMoreWalletsTransformValue] = useState('');
     const { isMobile } = useDevice();
 

diff --git a/packages/wallets/src/hooks/useSyncLocalStorageClientAccounts.ts b/packages/wallets/src/hooks/useSyncLocalStorageClientAccounts.ts
@@ -12,7 +12,7 @@ const useSyncLocalStorageClientAccounts = () => {
     const { data: settingsData } = useSettings();
     const [, setLocalStorageClientAccounts] = useLocalStorage(
         'client.accounts',
-        useReadLocalStorage('client.accounts')
+        useReadLocalStorage('client.accounts') ?? {}
     );
 
     const addWalletAccountToLocalStorage = useCallback(