Estoy usando @loopring/web3-providers y @next-auth/react en una aplicación nextjs
Estoy usando una versión modificada de la demostración del proveedor Loopring Web 3 de https://codesandbox.io/s/react-4v50ft
He reubicado las cosas de loopring web3 de /src en la carpeta raíz a /components/web3 en mi próxima aplicación
Importé esto en el componente de encabezado, lo importé en mi _app, todo parece funcionar muy bien. Puedo usar los proveedores web3 y obtengo registros exitosos en la consola con información precisa, todo parece estar bien.
También estoy usando next-auth, con prácticamente su especificación exacta para la implementación https://next-auth.js.org/
Configuré mi próxima aplicación para simplemente ampliar los ejemplos de código proporcionados en su página de inicio. Solo estoy usando el proveedor de Discord, Discord está bien configurado, puedo conectarme y puedo usar el objeto "sesión" que proporciona los detalles de la cuenta de Discord.
Desde proveedores.tsx en /components/web3:
import { useConnect } from "./useConnect"; import { walletServices, connectProvides } from "@loopring-web/web3-provider"; import { useSession, signIn, signOut } from "next-auth/react"; export default function Web3Providers() { useConnect(); const { data: web3session } = useSession(); ...Desde /índice
import Image from "next/image"; import styles from "../styles/Home.module.css"; import { useSession, signIn, signOut } from "next-auth/react"; import Head from "next/head"; import OfficialCollections from "./collections/officialCollections"; export default function Home() { const { data: session } = useSession(); ...Entonces, originalmente, la declaración de Loopring era {datos: sesión} igual que next-auth. Modifiqué loopring para usar datos: web3session solo para poder diferenciar.
Pero estoy algo confundido acerca de cómo exportar correctamente esta web3session desde proviers.tsx
No estoy muy familiarizado con el mecanografiado, pero este proyecto ciertamente me ha hecho empezar a sentirlo.
Mi objetivo aquí es poder verificar en una página posterior que ambas sesiones están activas.
También me pregunto qué sucede si es probable que me encuentre con alguna complicación debido a que hay dos useSession() separadas provenientes de diferentes dependencias (esto no parece estar causando ningún problema hasta el momento)