chore: replace hook library to be compatible with ssr

Author: slavastartsev

packages/sats-wagmi/package.json

@@ -36,9 +36,9 @@
     "postpack": "clean-package restore"
   },
   "peerDependencies": {
+    "@tanstack/react-query": ">=5.0.0",
     "react": ">=18",
-    "react-dom": ">=18",
-    "@tanstack/react-query": ">=5.0.0"
+    "react-dom": ">=18"
   },
   "devDependencies": {
     "@types/async-retry": "^1.4.8",
@@ -59,7 +59,7 @@
     "bs58check": "^2.1.2",
     "clean-package": "^2.2.0",
     "sats-connect": "^1.1.2",
-    "@uidotdev/usehooks": "^2.4.1"
+    "usehooks-ts": "^3.1.0"
   },
   "clean-package": "../../clean-package.config.json"
 }

packages/sats-wagmi/src/provider.tsx

@@ -2,7 +2,7 @@
 
 import { Network as BitcoinNetwork } from 'bitcoin-address-validation';
 import { FC, ReactNode, createContext, useCallback, useContext, useEffect, useState } from 'react';
-import { useLocalStorage } from '@uidotdev/usehooks';
+import { useLocalStorage } from 'usehooks-ts';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
 import { LeatherConnector, MMSnapConnector, UnisatConnector, XverseConnector } from './connectors';
@@ -38,13 +38,25 @@ type SatsWagmiConfigProps = {
   children: ReactNode;
   network?: BitcoinNetwork;
   queryClient: QueryClient;
+  ssr?: boolean;
 };
 
-const SatsWagmiConfig: FC<SatsWagmiConfigProps> = ({ children, queryClient, network = BitcoinNetwork.mainnet }) => {
+const SatsWagmiConfig: FC<SatsWagmiConfigProps> = ({
+  children,
+  queryClient,
+  network = BitcoinNetwork.mainnet,
+  ssr = false
+}) => {
   const [connectors, setConnectors] = useState<SatsConnector[]>([]);
   const [connector, setCurrentConnector] = useState<SatsConnector>();
 
-  const [storedConnector, setStoredConnector] = useLocalStorage<string | undefined>(LocalStorageKeys.CONNECTOR);
+  const [storedConnector, setStoredConnector] = useLocalStorage<string | undefined>(
+    LocalStorageKeys.CONNECTOR,
+    undefined,
+    {
+      initializeWithValue: !ssr
+    }
+  );
 
   useEffect(() => {
     const init = () => {