Troubleshooting
These are some common issues you may run into while using @lens-protocol/react
.
Next.js build failing
You might see your Next.js build failing with an error like this:
Error: Directory import '[...]/node_modules/@apollo/client/link/context' is not supported resolving ES modules imported from [...]/node_modules/@lens-protocol/api-bindings/dist/index.js
Did you mean to import @apollo/client/link/context/context.cjs?
The root cause is the lack of ESM support from Apollo Client which manifests itself when imported as sub-dependency of @lens-protocol/api-bindings
(which in turn is imported by @lens-protocol/react
). See open Apollo Client issue.
To fix it you need to edit you next.config.js
so to make sure the Lens SDK and its sub-dependencies a transpiled by Next.js build pipeline.
const nextConfig = {
transpilePackages: ['@lens-protocol'],
};
For further details on how to integrate Lens SDK with a Next.js app, there is a working Next.js example in the Lens SDK monorepo.
Cannot retrieve wagmi Signer
Signer
If you are using Lens SDK with wagmi via the @lens-protocol/wagmi
bindings and you might have seen this error:
InvariantError: Cannot get signer, is the wallet connected?
[stack trace]
This is most likely caused by wagmi not being able to auto-reconnect with a browser extension wallet after a network switch in your wallet.
When configuring your wagmi connectors make sure you set the shimChainChangedDisconnect
flag in your InjectedConnector
(or MetaMaskConnector
).
useConnect({
connector: new InjectedConnector({
options: {
shimChainChangedDisconnect: true,
},
}),
});
Updated 23 days ago