fix: isInitializing true on first render after connected user reloads page (#256)

Author: olekid

docs/pages/getting-started/installation.mdx

@@ -46,7 +46,7 @@ The bundle needs peer dependencies, be sure that following resources are availab
 as well:
 
 ```sh npm2yarn
-npm i @dfinity/ledger-icp @dfinity/identity @dfinity/agent @dfinity/candid @dfinity/identity @dfinity/principal @dfinity/utils @dfinity/auth-client
+npm i @dfinity/ledger-icp @dfinity/identity @dfinity/agent @dfinity/candid @dfinity/principal @dfinity/utils @dfinity/auth-client
 ```
 
 > Note: IdentityKit is a React library and exports styles that need to be imported into your

docs/theme.config.tsx

@@ -48,10 +48,10 @@ const theme = {
     light: 38,
   },
   banner: {
-    key: "1.0.2-release",
+    key: "1.0.3-release",
     content: (
       <a href="https://www.npmjs.com/package/@nfid/identitykit" target="_blank">
-        🎉 @nfid/[email protected].2 is released.
+        🎉 @nfid/[email protected].3 is released.
       </a>
     ),
   },

examples/react-dapp/src/ui/molecules/header.tsx

@@ -35,7 +35,7 @@ export const Header = () => {
             href="https://www.npmjs.com/package/@nfid/identitykit"
             className="absolute text-[10px] text-primary dark:text-teal-500 text-right right-0 bottom-0 mb-[-10px] me-[-10px]"
           >
-            v1.0.2
+            v1.0.3
           </a>
         </div>
         <div className="flex items-center space-x-2 sm:space-x-4">

examples/react-demo/src/ui/molecules/header.tsx

@@ -32,7 +32,7 @@ export const Header = () => {
             href="https://www.npmjs.com/package/@nfid/identitykit"
             className="absolute text-[10px] text-primary dark:text-teal-500 text-right right-0 bottom-0 mb-[-10px] me-[-10px]"
           >
-            v1.0.2
+            v1.0.3
           </a>
         </div>
         <div className="flex items-center space-x-2 sm:space-x-4">

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@nfid/identitykit",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "A React library for adding wallet connections to dApps.",
   "keywords": [
     "ICP",
@@ -121,6 +121,10 @@
   "peerDependencies": {
     "@dfinity/auth-client": ">=2.1.3",
     "@dfinity/ledger-icp": ">=2.4.0",
+    "@dfinity/identity": ">=2.1.3",
+    "@dfinity/agent": ">=2.1.3",
+    "@dfinity/candid": ">=2.1.3",
+    "@dfinity/principal": ">=2.1.3",
     "react": ">=18.3.1",
     "react-dom": ">=18.3.1"
   },

packages/identitykit/package.json

@@ -26,7 +26,9 @@ export function useProceedSigner({
   >
 }) {
   // saved to local storage for next js (localStorage is not defined during server render)
-  const [localStorageSigner, setLocalStorageSigner] = useState<string | undefined>()
+  const [localStorageSigner, setLocalStorageSigner] = useState<string | undefined>(
+    (typeof window !== "undefined" && localStorage.getItem("signerId")) || ""
+  )
   const [selectedSigner, setSelectedSigner] = useState<
     { signer: Signer<Transport>; signerId?: string } | undefined
   >(undefined)
@@ -88,10 +90,10 @@ export function useProceedSigner({
 
   // default selected signer from local storage
   useEffect(() => {
-    const storageSigner = localStorage.getItem("signerId")
-    if (!selectedSigner && storageSigner) {
-      setLocalStorageSigner(storageSigner)
-      selectSigner(storageSigner)
+    // for next.js, where localStorage is not available during ssr
+    const lsSigner = localStorage.getItem("signerId")
+    if (!selectedSigner && lsSigner) {
+      selectSigner(lsSigner)
     }
   }, [selectedSigner, selectSigner])