Improve wagmi version support

examples/ssx-test-nextauth-email/.env.example

@@ -1,4 +1,3 @@
-NEXT_PUBLIC_ENABLE_TESTNETS=
 NEXT_PUBLIC_ALCHEMY_API_KEY=
 NEXT_AUTH_SECRET=any string
 EMAIL_SERVER=smtp://localhost:1025

examples/ssx-test-nextauth-email/package.json

@@ -13,9 +13,9 @@
   "dependencies": {
     "@next-auth/prisma-adapter": "^1.0.5",
     "@prisma/client": "^4.9.0",
-    "@rainbow-me/rainbowkit": "^0.7.2",
-    "@spruceid/ssx-react": "*",
-    "@spruceid/ssx-server": "*",
+    "@rainbow-me/rainbowkit": "^0.11.0",
+    "@spruceid/ssx-react": "file:../../packages/ssx-react",
+    "@spruceid/ssx-server": "file:../../packages/ssx-server",
     "ethers": "^5.0.0",
     "next": "^12.1.6",
     "next-auth": "^4.10.3",
@@ -24,7 +24,7 @@
     "react": "^18.1.0",
     "react-dom": "^18.1.0",
     "sass": "^1.58.0",
-    "wagmi": "^0.7.5"
+    "wagmi": "^0.11.6"
   },
   "devDependencies": {
     "@types/node": "^17.0.35",

examples/ssx-test-nextauth-email/pages/_app.tsx

@@ -1,7 +1,7 @@
 import '../styles/globals.scss';
 import '@rainbow-me/rainbowkit/styles.css';
 import { RainbowKitProvider, getDefaultWallets } from '@rainbow-me/rainbowkit';
-import { chain, configureChains, createClient, WagmiConfig } from 'wagmi';
+import { configureChains, createClient, goerli, mainnet, WagmiConfig } from 'wagmi';
 import { alchemyProvider } from 'wagmi/providers/alchemy';
 import { publicProvider } from 'wagmi/providers/public';
 import { SSXProvider } from '@spruceid/ssx-react';
@@ -24,19 +24,14 @@ if (!process.env.NEXT_PUBLIC_ALCHEMY_API_KEY) {
 
 const { chains, provider, webSocketProvider } = configureChains(
   [
-    chain.mainnet,
-    chain.polygon,
-    chain.optimism,
-    chain.arbitrum,
-    ...(process.env.NEXT_PUBLIC_ENABLE_TESTNETS === 'true'
-      ? [chain.goerli, chain.kovan, chain.rinkeby, chain.ropsten]
-      : []),
+    mainnet,
+    goerli,
   ],
   [
     alchemyProvider({
       // This is Alchemy's default API key.
       // You can get your own at https://dashboard.alchemyapi.io
-      apiKey: process.env.NEXT_PUBLIC_ALCHEMY_API_KEY,
+      apiKey: process.env.NEXT_PUBLIC_ALCHEMY_API_KEY ?? "",
     }),
     publicProvider(),
   ]

examples/ssx-test-nextauth/package.json

@@ -12,14 +12,14 @@
   },
   "dependencies": {
     "@rainbow-me/rainbowkit": "^0.7.2",
-    "@spruceid/ssx-react": "*",
-    "@spruceid/ssx-server": "*",
+    "@spruceid/ssx-react": "file:../../packages/ssx-react",
+    "@spruceid/ssx-server": "file:../../packages/ssx-server",
     "ethers": "^5.0.0",
     "next": "^12.1.6",
     "next-auth": "^4.10.3",
     "react": "^18.1.0",
     "react-dom": "^18.1.0",
-    "wagmi": "^0.7.5"
+    "wagmi": "^0.5.0"
   },
   "devDependencies": {
     "@types/node": "^17.0.35",

examples/ssx-test-nextauth/pages/_app.tsx

@@ -20,14 +20,14 @@ const { chains, provider, webSocketProvider } = configureChains(
     chain.optimism,
     chain.arbitrum,
     ...(process.env.NEXT_PUBLIC_ENABLE_TESTNETS === 'true'
-      ? [chain.goerli, chain.kovan, chain.rinkeby, chain.ropsten]
+      ? [chain.goerli, chain.ropsten]
       : []),
   ],
   [
     alchemyProvider({
       // This is Alchemy's default API key.
       // You can get your own at https://dashboard.alchemyapi.io
-      apiKey: process.env.NEXT_PUBLIC_ALCHEMY_API_KEY,
+      alchemyId: process.env.NEXT_PUBLIC_ALCHEMY_API_KEY,
     }),
     publicProvider(),
   ]
@@ -45,12 +45,12 @@ const wagmiClient = createClient({
   webSocketProvider,
 });
 
-const { server } = SSXNextAuthRouteConfig({ signInOptions: { callbackUrl:'/protected' }});
+const { server } = SSXNextAuthRouteConfig({ signInOptions: { callbackUrl: '/protected' } });
 const ssxConfig: any = {
   siweConfig: {
     domain: "localhost:3000",
   },
-  providers: { 
+  providers: {
     server,
   },
 };
@@ -60,7 +60,7 @@ function MyApp({ Component, pageProps }: any) {
   return (
     <WagmiConfig client={wagmiClient}>
       <RainbowKitProvider chains={chains}>
-        <SSXProvider ssxConfig={ssxConfig}> 
+        <SSXProvider ssxConfig={ssxConfig}>
           <SessionProvider session={pageProps.session} refetchInterval={0}>
             <Component {...pageProps} />
           </SessionProvider>

examples/ssx-test-nextauth/pages/api/auth/[...nextauth].ts

@@ -7,7 +7,7 @@ import { SSXServer } from "@spruceid/ssx-server";
 export default async function auth(req: NextApiRequest, res: NextApiResponse) {
   const ssxConfig = {};
   const ssx = new SSXServer(ssxConfig);
-  const { credentials, authorize, session } = SSXNextAuth(req, res, ssx);
+  const { credentials, authorize, session } = SSXNextAuth(req, ssx);
   const providers = [
     CredentialsProvider({
       name: "Ethereum",
@@ -23,7 +23,7 @@ export default async function auth(req: NextApiRequest, res: NextApiResponse) {
     },
     secret: process.env.NEXT_AUTH_SECRET,
     callbacks: {
-     session,
+      session,
     },
   });
 }