Eth.ts

export class BaseClient {
  connect() {} // some types
}

export class EthereumClient extends BaseClient {
  connect() {
    // connects with ethers
  }
}

react.ts

const Web3Context = React.createContext<BaseClient>();

export const Web3Provider = ({ children, client: BaseClient }) => {
   return <Web3Context.Provider value={client}>{children}
 }

 export const useWallet = () => {
    // get context
    // connect wallet
  }