Fix Loadable wallet connection for mui-design (#86)

* fix: mui design connect Loadable wallet * chore: add changeset
aptos-labs · Feb 8, 2023 · 2678efe · 2678efe
1 parent 50c20b3
commit 2678efe
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/.changeset/eight-radios-worry.md b/.changeset/eight-radios-worry.md
@@ -0,0 +1,5 @@
+---
+"@aptos-labs/wallet-adapter-mui-design": patch
+---
+
+Fix Loadable wallet connection for mui design
diff --git a/apps/nextjs-example/next.config.js b/apps/nextjs-example/next.config.js
@@ -8,4 +8,8 @@ module.exports = {
   experimental: {
     transpilePackages: ["wallet-adapter-react", "wallet-adapter-plugin"],
   },
+  webpack: (config) => {
+    config.resolve.fallback = { "@solana/web3.js": false };
+    return config;
+  },
 };
diff --git a/packages/wallet-adapter-mui-design/src/WalletModel.tsx b/packages/wallet-adapter-mui-design/src/WalletModel.tsx
@@ -44,7 +44,7 @@ export default function WalletsModal({
       const icon = option.icon;
       return (
         <Grid key={option.name} xs={12} paddingY={0.5} item>
-          {wallet.readyState === "Installed" ? (
+          {wallet.readyState === "Installed" || wallet.readyState === "Loadable" ? (
             <ListItem disablePadding>
               <ListItemButton
                 alignItems="center"