@lifi/widget 3.13.1 → 3.13.2

package/src/pages/TransactionPage/TokenValueBottomSheet.tsx

@@ -44,7 +44,7 @@ const TokenValueBottomSheetContent: React.FC<TokenValueBottomSheetProps> = ({
   onContinue,
 }) => {
   const { t } = useTranslation()
-  const ref = useRef<HTMLElement>()
+  const ref = useRef<HTMLElement>(null)
   useSetContentHeight(ref)
   const { gasCosts, feeCosts, gasCostUSD, feeCostUSD } =
     getAccumulatedFeeCostsBreakdown(route)

package/src/providers/WalletProvider/EVMBaseProvider.tsx

@@ -14,7 +14,7 @@ import { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js'
 export const EVMBaseProvider: FC<PropsWithChildren> = ({ children }) => {
   const { walletConfig } = useWidgetConfig()
   const { chains } = useAvailableChains()
-  const wagmi = useRef<DefaultWagmiConfigResult>()
+  const wagmi = useRef<DefaultWagmiConfigResult>(null)
 
   if (!wagmi.current) {
     wagmi.current = createDefaultWagmiConfig({

package/src/providers/WalletProvider/UTXOBaseProvider.tsx

@@ -4,7 +4,7 @@ import { createDefaultBigmiConfig } from '@lifi/wallet-management'
 import { type FC, type PropsWithChildren, useRef } from 'react'
 
 export const UTXOBaseProvider: FC<PropsWithChildren> = ({ children }) => {
-  const bigmi = useRef<DefaultWagmiConfigResult>()
+  const bigmi = useRef<DefaultWagmiConfigResult>(null)
 
   if (!bigmi.current) {
     bigmi.current = createDefaultBigmiConfig({

package/src/stores/bookmarks/BookmarkStore.tsx

@@ -12,7 +12,7 @@ export const BookmarkStoreProvider: React.FC<PersistStoreProviderProps> = ({
   ...props
 }) => {
   const { toAddress } = useWidgetConfig()
-  const storeRef = useRef<BookmarkStore>()
+  const storeRef = useRef<BookmarkStore>(null)
 
   if (!storeRef.current) {
     storeRef.current = createBookmarksStore({ ...props, toAddress })

package/src/stores/chains/ChainOrderStore.tsx

@@ -24,7 +24,7 @@ export function ChainOrderStoreProvider({
   ...props
 }: PersistStoreProviderProps) {
   const { chains: chainsConfig } = useWidgetConfig()
-  const storeRef = useRef<ChainOrderStore>()
+  const storeRef = useRef<ChainOrderStore>(null)
   const { chains } = useChains()
   const { setFieldValue, getFieldValues } = useFieldActions()
   const { externalChainTypes, useExternalWalletProvidersOnly } =

package/src/stores/form/FormStore.tsx

@@ -53,7 +53,7 @@ export const FormStoreProvider: React.FC<FormStoreProviderProps> = ({
     formUpdateKey,
   } = widgetConfig
 
-  const storeRef = useRef<FormStoreStore>()
+  const storeRef = useRef<FormStoreStore>(null)
 
   const hiddenToAddress = hiddenUI?.includes(HiddenUI.ToAddress)
 

package/src/stores/header/useHeaderStore.tsx

@@ -7,7 +7,7 @@ import type { HeaderState, HeaderStore } from './types.js'
 export const HeaderStoreContext = createContext<HeaderStore | null>(null)
 
 export function HeaderStoreProvider({ children }: PersistStoreProviderProps) {
-  const storeRef = useRef<HeaderStore>()
+  const storeRef = useRef<HeaderStore>(null)
   if (!storeRef.current) {
     storeRef.current = createHeaderStore()
   }

package/src/stores/routes/RouteExecutionStore.tsx

@@ -16,7 +16,7 @@ export function RouteExecutionStoreProvider({
   children,
   ...props
 }: PersistStoreProviderProps) {
-  const storeRef = useRef<RouteExecutionStore>()
+  const storeRef = useRef<RouteExecutionStore>(null)
   if (!storeRef.current) {
     storeRef.current = createRouteExecutionStore(props)
   }

package/src/stores/settings/useSplitSubvariantStore.tsx

@@ -22,7 +22,7 @@ export function SplitSubvariantStoreProvider({
   children,
   ...props
 }: SplitSubvariantProviderProps) {
-  const storeRef = useRef<SplitSubvariantStore>()
+  const storeRef = useRef<SplitSubvariantStore>(null)
   if (!storeRef.current || shouldRecreateStore(storeRef.current, props)) {
     storeRef.current = createSplitSubvariantStore(props)
   }