---
# System prepended metadata

title: NEAR WAllet Selector Test and Review

---

# NEAR WAllet Selector Test and Review 
 
 
 ## Setup 
 
The way I went about testing this new tool was by doing the following, I used create-near-app to get the guest book example and a smart contract Template 

I then read the readme and my first thought was to install this into the frontend code. Tbh wasn't sure if this was the right move or not 


## First thoughts 
I think one of the first questions I had is my wondering if this was like a react component, in which case do I just install it to the frontend of my application? 

When I was asked to install the wallet selector core there wasn't much information as to why I needed this package. I figure it was just the under workings to this tool but there wasn't much in the readme for me to confirm that 

## Issues I ran into. 

### Default wallet import. 

I copied this line here... 

```javascript
import { setupDefaultWallets } from "@near-wallet-selector/default-wallets";

```

And was given this error in return 

![Uploading file..._d867fg8hb]()

### misplaced await


So the example in the readme asks the user to use this variable calling an `await ` key but in what `async` function? 

```javascript
const selector = await setupWalletSelector({
  network: "testnet",
  modules: [
    ...(await setupDefaultWallets()),
    setupNearWallet(),
    setupMyNearWallet(),
    setupSender(),
    setupMathWallet(),
    setupNightly(),
    setupMeteorWallet(),
    setupLedger(),
    setupWalletConnect({
      projectId: "c4f79cc...",
      metadata: {
        name: "NEAR Wallet Selector",
        description: "Example dApp used by NEAR Wallet Selector",
        url: "https://github.com/near/wallet-selector",
        icons: ["https://avatars.githubusercontent.com/u/37784886"],
      },
    }),
    setupNightlyConnect({
      url: "wss://ncproxy.nightly.app/app",
      appMetadata: {
        additionalInfo: "",
        application: "NEAR Wallet Selector",
        description: "Example dApp used by NEAR Wallet Selector",
        icon: "https://near.org/wp-content/uploads/2020/09/cropped-favicon-192x192.png",
      },
    }),
  ],
});
```


### React Examples Reamde 

I'm a prominent react user so in that folder I would've loved to see a readme describing what I can find in each folder. 

When I openend that folder honestly I wasn't sure what I was supposed to be looking for. 


## Secondary Example by Guillermo 

I got stuck at this point because I wasn't sure what to do next with these errors I was getting so I asked the tooling team to assist

Guillermo gave me this example implementation of the wallet selector 


https://github.com/gagdiez/hello-near-wallet-selector/blob/main/frontend/near-wallet.js

I think it's perfect and it's helping me to move forward but was kinda bummed that if I didn't ask I'm not immediately sure how to move forward from the main repo