Enable PR previews

.github/workflows/pr-preview.yml

@@ -0,0 +1,36 @@
+name: PR-Preview
+
+on:
+  pull_request:
+    branches: [ main ]
+
+env:
+  REACT_APP_NETWORK_IDS: "100,10200"
+   # Ref: https://create-react-app.dev/docs/using-the-public-folder/
+   # Scope of Public URL: rewrite href base path to the one specified by PUBLIC_URL.
+  PUBLIC_URL: "./"
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+
+      - uses: actions/setup-node@v3
+        with:
+          node-version-file: 'package.json'
+
+      - name: NPM Install and Build
+        run: |
+          npm install
+          npm run build
+
+      - name: Configure AWS Credentials
+        uses: aws-actions/configure-aws-credentials@v1
+        with:
+          aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
+          aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+          aws-region: ${{ secrets.AWS_REGION }}
+
+      - name: Deploy website to pr-review
+        run: aws s3 sync ./build/ s3://${{ secrets.AWS_BUCKET_NAME }}/pr-${{ github.event.number }}/ --delete

src/hooks/use-wallet.js

@@ -1,4 +1,4 @@
-import { useState, useCallback, useEffect, isValidElement } from 'react';
+import { useState, useCallback, useEffect } from 'react';
 import { SafeAppWeb3Modal } from '@gnosis.pm/safe-apps-web3modal';
 import WalletConnectProvider from '@walletconnect/web3-provider';
 import WalletLink from 'walletlink';