I have a basic walletconnect web3 module here.

I am following a video from https://www.youtube.com/watch?v=L65gP0cGC30 but it errors (opts:) on the example video the text actually is grayed out so it looks like the syntax is different to mine.

import './App.css';
import Web3Modal from "web3modal";

const { ethers } = require("ethers");

const providerOptions = {


function App() {

async function connectWallet () {
    try {
        let web3Modal = new Web3Modal({
            cacheProvider: false,
        const web3ModalInstance = await web3Modal.connect(opts:);
        const web3ModalProvider = new ethers.providers.Web3Provider(web3ModalInstance);
    } catch(error){




  return (
    <div className="App">
      <header className="App-header">

      <button onClick={connectWallet}>
      Connect Wallet


export default App;

I have tried to put curly brackets, semicolon, but no luck.

This is the error

  Line 22:63:  Parsing error: Unexpected token (22:63)

and line 22 is

const web3ModalInstance = await web3Modal.connect(opts:);

1 Answer 1


That version of Web3Modal doesn't work any more and has been deprecated. Try v3 check docs here: https://docs.walletconnect.com/web3modal/react/about?platform=ethers

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.