Does this package support signMessage?

[imanariRoll]

I am trying to provide the signMessage functionality by accessing provider and getSigner()
On a different library I was successfully rather easily, however with this I'm still trying to implement it- did anyone succeeded in that? If so, how did you do it ?

Adding the following code , of how I connected them together so far ...

connectors.js

import { InjectedConnector } from '@web3-react/injected-connector';
import { WalletConnectConnector } from '@web3-react/walletconnect-connector';
import { WalletLinkConnector } from '@web3-react/walletlink-connector';
import { LedgerConnector } from '@web3-react/ledger-connector';
import { TrezorConnector } from '@web3-react/trezor-connector';
import { FrameConnector } from '@web3-react/frame-connector';
import { FortmaticConnector } from '@web3-react/fortmatic-connector';
import { PortisConnector } from '@web3-react/portis-connector';
import { SquarelinkConnector } from '@web3-react/squarelink-connector';
import { TorusConnector } from '@web3-react/torus-connector';
import { AuthereumConnector } from '@web3-react/authereum-connector';

import { networks } from '../config/constants';

const RPC_URLS = {
    [networks.MainNet]: `https://mainnet.infura.io/v3/${process.env.REACT_APP_INFURA_ID}`,
    [networks.Ropsten]: `https://ropsten.infura.io/v3/${process.env.REACT_APP_INFURA_ID}`,
    [networks.Rinkeby]: `https://rinkeby.infura.io/v3/${process.env.REACT_APP_INFURA_ID}`,
    [networks.Goerli]: `https://goerli.infura.io/v3/${process.env.REACT_APP_INFURA_ID}`,
    [networks.Kovan]: `https://kovan.infura.iov3/${process.env.REACT_APP_INFURA_ID}`,
    [networks.Polygon]: 'https://matic-mainnet.chainstacklabs.com',
};
const POLLING_INTERVAL = 12000;

export const injected = new InjectedConnector({
    supportedChainIds: [
        // networks.MainNet,
        // networks.Ropsten,
        networks.Rinkeby,
        // networks.Goerli,
        networks.Kovan,
        // networks.Polygon,
        // networks.Local
    ],
});


export const walletConnect = new WalletConnectConnector({
    rpc: { [networks.MainNet]: RPC_URLS[networks.MainNet] },
    bridge: 'https://bridge.walletconnect.org',
    qrcode: true,
    pollingInterval: POLLING_INTERVAL,
});

export const walletlink = new WalletLinkConnector({
    url: RPC_URLS[networks.MainNet],
    appName: 'new.pop.town',
});

export const ledger = new LedgerConnector({
    chainId: networks.MainNet,
    url: RPC_URLS[networks.MainNet],
    pollingInterval: POLLING_INTERVAL,
});

export const trezor = new TrezorConnector({
    chainId: networks.MainNet,
    url: RPC_URLS[networks.MainNet],
    pollingInterval: POLLING_INTERVAL,
    manifestEmail: '[email protected]',
    manifestAppUrl: 'https://new.pop.town',
});

export const frame = new FrameConnector({ supportedChainIds: [1] });

export const fortmatic = new FortmaticConnector({
    apiKey: 'pk_live_911E0486D54C05CE',
    chainId: networks.MainNet,
});

export const portis = new PortisConnector({
    dAppId: 'f420bde8-28fa-4954-855e-317667191963',
    networks: [networks.MainNet, 100],
});

export const squarelink = new SquarelinkConnector({
    clientId: '5f2a2233db82b06b24f9',
    networks: [networks.MainNet, 100],
});

export const torus = new TorusConnector({ chainId: networks.MainNet });

export const authereum = new AuthereumConnector({ chainId: networks.MainNet });

walletState.js

import { useWeb3React } from "@web3-react/core";
import { InjectedConnector } from "@web3-react/injected-connector";
import React, { useReducer } from "react";
import { DISCONNECT_WALLET, SET_WALLET_CONNECTION } from "../types";
import WalletContext from "./walletContext";
import walletReducer from "./walletReducer";
import {
  authereum,
  fortmatic,
  injected,
  ledger,
  portis,
  squarelink,
  torus,
  trezor,
  walletConnect,
  walletlink,
  metamask
} from '../../web3/connectors'

const WalletState = ({ children }) => {
  const { activate, deactivate } = useWeb3React();

  const initialState = {
    activeConnector: {
      connector: null,
      name: "",
    },
  };

  const [state, dispatch] = useReducer(walletReducer, initialState);

  const { activeConnector } = state;

  const activateWallet = async (name, connector, closeModal) => {
    try {
      dispatch({
        type: SET_WALLET_CONNECTION,
        payload: {
          name,
          connector,
        },
      });
      await activate(connector);
      await signMessage(connector)
    } catch (error) {
      console.log(error);
    } finally {
      if (closeModal) {
        closeModal();
      }
    }
  };

  const disconnectWallet = (closeModal) => {
    dispatch({
      type: DISCONNECT_WALLET,
    });
    deactivate(activeConnector.connector);
    if (closeModal) {
      closeModal();
    }
  };

  const signMessage = async(connector) => {
    console.log(`activeConnector . . . in signMsg() . . .`)
    const proto = Object.getPrototypeOf(connector)
    const protoProvider = await proto.getProvider();
    console.log(protoProvider.getSigner())
    try{
      const signature = await InjectedConnector
      console.log(signature)
    }catch(e){
      console.log(`Sign Message failed ... `)
    }

  }

  return (
    <WalletContext.Provider
      value={{
        activeConnector,
        activateWallet,
        signMessage,
        disconnectWallet,
      }}
    >
      {children}
    </WalletContext.Provider>
  );
};

export default WalletState;

[marcomariscal]

@bishop1701, also ran into this today after updating to the latest package versions. looks like in the recent customProvider pr within the core package, the BaseProvider type is being used instead of Web3Provider (take a look here), the former not having the getSigner func.

Got around this for now by explicitly re-typing the provider we get back from useWeb3React as Web3Provider:

const { provider } = useWeb3React();
const signer = (provider as Web3Provider).getSigner();

@NoahZinsmeister, is there a reason you were trying to use/prefer BaseProvider?