# 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...

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?

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