Common Errors
List of common errors faced while integrating and how to debug
Error example: 'crypto' not found...
Error example: Social Login modal css not loading/breaking
Solution:
import "@biconomy/web3-auth/src/style.css"
Error: document not found while using Next.js
Solution: This happens because the code try to find the root element and create a div via DOM document, but if you are using server-side Next.js then the lib is not able to find the document. This fix is by rendering that component via the next dynamics. An example code is below and the full code setup is here.
import dynamic from "next/dynamic";
import { Suspense } from "react";
const Index = () => {
const SocialLoginDynamic = dynamic(
() => import("../components/SocialLogin").then((res) => res.default),
{
ssr: false,
}
);
return (
<div>
<Suspense fallback={<div>Loading...</div>}>
<SocialLoginDynamic />
</Suspense>
</div>
);
};
export default Index;
Last modified 1mo ago