[Sui Code Bug] Wallet adapter & ui cannot be imported properly following the docs.

[bruceeewong]

Steps to Reproduce Issue

I am trying to integrate SUI wallet adapter into my demo vite Reac-ts project (created straightly from vite CLI).

Following the instruction of the Main Branch wallet adater docs and installed all the three deps:

npm i @mysten/wallet-adapter-all-wallets @mysten/wallet-adapter-react @mysten/wallet-adapter-react-ui

npm deps show like these:

"@mysten/wallet-adapter-all-wallets": "^0.0.0-experimental-20220822221301",
"@mysten/wallet-adapter-react": "^0.0.0-experimental-20220825172556",
"@mysten/wallet-adapter-react-ui": "^0.0.0-experimental-20220825172556",

I followed what the docs saied to import the packages, several errors poped up:

import { SuiWalletAdapter } from "@mysten/wallet-adapter-all-wallets";
// error: TS2305: Module '"@mysten/wallet-adapter-all-wallets"' has no exported member 'SuiWalletAdapter'.

import { WalletWrapper } from '@mysten/wallet-adapter-react-ui';
TS2307: Cannot find module '@mysten/wallet-adapter-react-ui' or its corresponding type declarations.

Expected Result

Expect all the imports work and be available to use in my react project.

Actual Result

Got serveral import issues from packages:

• @mysten/wallet-adapter-all-wallets
• @mysten/wallet-adapter-react-ui

System Information

• OS: MacOS 12.3.1
• Compiler: "vite": "^3.1.0"

[flappys]

Go to package.json, add "@testing-library/dom": "^7.21.4" and "@babel/core": "^7.0.0".
Remove all modules having workspace
Go to tsconfig.json add packages include. Also remove "integrations" from all paths

use pnpm install

[bruceeewong]

Go to package.json, add "@testing-library/dom": "^7.21.4" and "@babel/core": "^7.0.0". Remove all modules having workspace Go to tsconfig.json add packages include. Also remove "integrations" from all paths

use pnpm install

Thanks for the reply. I am not playing with the sui repo actually. I am using the npm package as external users. Maybe it should be the publish problem of the offical sui npm packages.

[bruceeewong]

Go to package.json, add "@testing-library/dom": "^7.21.4" and "@babel/core": "^7.0.0". Remove all modules having workspace Go to tsconfig.json add packages include. Also remove "integrations" from all paths

use pnpm install

Your instruction works for developing the official repo, thanks!

[Jordan-Mysten]

@bruceeewong Can you try installing the versions with the @experimental tag to get the latest experimental versions of the packages? I believe those should have this issue resolved.

[Jordan-Mysten]

@bruceeewong Just following up before I close this, does using the @experimental versions resolve the issue?