Create a custom Connector using Alchemy SDK

[EmanueleBordoni]

I'm seeking guidance regarding the creation of a Connector using the Alchemy SDK. Although I have attempted to build this Connector, I am encountering errors during the implementation process.

For example, when utilizing the 'await signMessageAsync' function, I encounter an error message stating "Error: invalid arrayify value ..." and other errors about Wagmi hooks.

I am uncertain about the feasibility of creating a Connector using the Alchemy SDK. Therefore, I kindly request assistance in understanding if this integration is possible and if there are any alternative approaches or steps I should consider to resolve the encountered error. The guide in the documentation is not very exhaustive.

I sincerely appreciate any guidance, advice, or insights you can provide to help me overcome this issue.
Thank you for your time and support. I eagerly await your valuable response.

This is my example code:

import { Connector, Chain } from "wagmi";
import { Network, Alchemy, Wallet, provider } from "alchemy-sdk";

const providerUrl = process.env.WEB3_PROVIDER_URL;

class ExampleConnector extends Connector {
  constructor(config) {
    console.log(config);
    super({config});
    this.id = "example Wallet";
    this.name = "example Wallet";
    this.ready = true;
  }

  async getProvider() {
    if (!this.provider) {

      const settings = {
          apiKey: "apiKey",
          network: Network.ETH_SEPOLIA,
        };

      const alchemy = new Alchemy(settings);
      console.log("Getting provider", alchemy);
      const wallet = new Wallet(
        "0x794aa1ec...",
        alchemy
      );
      console.log("Getting provider", wallet);
      this.wallet = wallet;
      this.provider = alchemy;
    }
    return this.provider;
  }

  async connect() {
    // Implement logic to connect to your custom wallet
    console.log("Connecting to My Custom Wallet");
    this.connector = this;
    await this.getProvider();
    const address = await this.wallet.getAddress();
    console.log("Connecting to My Custom Wallet", address);
    return {
      account: address,
      chain: { id: Network.ETH_SEPOLIA.id, unsupported: false },
      provider: this.client,
    };
  }
  async getWalletClient() {
    return this.wallet;
  }
}

export default ExampleConnector;