Non-hooks abstraction for server-side functions

[jemgold]

Wondering what y'all are doing to use this in API routes, getServerSideProps etc. As far as I'm aware you can't use hooks in any of those locations, right?

I ran into the same problem with useDapp previously and had to do something like this using the typechain factory and manually creating a new readonly JsonRpcProvider. would we benefit from wagmi including a non-hooksy abstraction?

import { providers } from 'ethers';
import {
  GenerativeEdition,
  GenerativeEdition__factory,
} from '@aspects/sol/typechain';

import { THRESHOLDS_ADDRESS } from '../utils/contracts';
import { networkConfig } from '../pages/_app'; // useDapp's config, not wagmi's

export function thresholdsContractReadonly(): GenerativeEdition {
  const readNetworkUrl =
    networkConfig.readOnlyChainId &&
    networkConfig.readOnlyUrls &&
    networkConfig.readOnlyUrls[networkConfig.readOnlyChainId];

  return GenerativeEdition__factory.connect(
    THRESHOLDS_ADDRESS,
    new providers.JsonRpcProvider(readNetworkUrl)
  );
}

const Handler: NextApiHandler<Metadata> = async (req, res) => {
  const tokenId = req.query.tokenId as string;

  try {
    const contract = thresholdsContractReadonly();

    const tokenInfo = await contract.tokenInfo(tokenId);
    const tokenHash = tokenInfo.hash.toString();

    res.status(200).json({
      name: `Aspects ${tokenId}`,
      description: `Aspects. Visit https://${baseUrl}/view/${tokenId} to view the real-time artwork.`,
      tokenHash,
    });
  } catch (err) {
    res.status(404);
  }
};