问SafeServiceClient未正确初始化

EN

import React, {useState, useEffect } from 'react';
import EthersAdapter from '@gnosis.pm/safe-ethers-lib'
import SafeServiceClient from '@gnosis.pm/safe-service-client'
import { InjectedConnector } from '@web3-react/injected-connector'
import {ethers} from 'ethers'
import { useWeb3React } from "@web3-react/core";

const txServiceUrl = 'https://safe-transaction-goerli.safe.global/';
declare let window: any;

function Comp() {

  const injected = new InjectedConnector({
    supportedChainIds: [1, 3, 4, 5, 42],
  })

  /// Local states
  const [safeService, setSafeService] = useState<any>()
  const [safes, setSafes] = useState([])

  // Hooks
  const { account, activate, deactivate } = useWeb3React();
  
  const provider = new ethers.providers.Web3Provider(window.ethereum)
  const safeOwner = provider.getSigner(0)

  const adapter = new EthersAdapter({
      ethers,
      signer: safeOwner
    })

  /** 
   *  Initialise: SafeServiceClient
   *  Fetch: Safes
   *  @issue SafeServiceClient not initialised properly
   * */ 
   useEffect(() => {        
    const fetchData = async (ownerAddress:string) => {
      const ethAdapter = adapter as EthersAdapter
      const initSafeService = new SafeServiceClient({ txServiceUrl, ethAdapter })

      // successfully returns safeService object
      console.log(initSafeService) 
      
      // returns error Cannot read properties of undefined (reading 'getEip3770Address')
      const fetchedSafes:any = await initSafeService.getSafesByOwner(ownerAddress)
      setSafes(fetchedSafes.safes)
      setSafeService(initSafeService)
    }
    if(account){
      fetchData(account)
    }
  }, [account]);



  /// Connect Metamask
  async function connect() {
    try {
    await activate(injected)//.then(() => initSafeService())
    } catch (ex) {
    console.log(ex)
    }
  }

  /// Disconnect Metamask
  async function disconnect() {
    try {
    deactivate()
    } catch (ex) {
    console.log(ex)
    }
  }

  return (
    <div>
      <button onClick={() => connect()}>
        connect
      </button>
      <button onClick={() => disconnect()}>
        disconnect
      </button>
    </div>
  );
}


export default Comp;