[react-v2.2.2-alpha.3]: Fix - Next.js SSR support (#1118)

mahmud-bn · web-flow · commit 77167dca0ac7 · 2022-06-30T14:28:59.000-06:00
* next js SSR support
* package bump
diff --git a/packages/react/package.json b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/react",
-  "version": "2.2.2-alpha.2",
+  "version": "2.2.2-alpha.3",
   "description": "Collection of React Hooks for web3-onboard",
   "repository": "blocknative/web3-onboard",
   "module": "dist/index.js",
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
@@ -51,7 +51,8 @@ const useAppState: {
     return stateKey ? snapshot[stateKey] : snapshot
   }, [stateKey])
 
-  return useSyncExternalStore(subscribe, getSnapshot)
+  const getServerSnapshot = () => get() || getSnapshot;
+  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
 }
 
 export const useConnectWallet = (): [

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@web3-onboard/react",`
`3`		`- "version": "2.2.2-alpha.2",`
	`3`	`+ "version": "2.2.2-alpha.3",`
`4`	`4`	`"description": "Collection of React Hooks for web3-onboard",`
`5`	`5`	`"repository": "blocknative/web3-onboard",`
`6`	`6`	`"module": "dist/index.js",`
Original file line number	Diff line number	Diff line change
`@@ -51,7 +51,8 @@ const useAppState: {`
`51`	`51`	`return stateKey ? snapshot[stateKey] : snapshot`
`52`	`52`	`}, [stateKey])`
`53`	`53`
`54`		`- return useSyncExternalStore(subscribe, getSnapshot)`
	`54`	`+ const getServerSnapshot = () => get() \|\| getSnapshot;`
	`55`	`+ return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);`
`55`	`56`	`}`
`56`	`57`
`57`	`58`	`export const useConnectWallet = (): [`