Как зааксесить данные GraphQL API в компоненте класса?

У меня есть код, который обращается к данным из GraphQL API в arrow фукции:

const LinkList = () => {
  const { loading, error, data } = useQuery(CURRENCIES);

  if (loading) return <Loader/>;
  if (error) return <pre>{error.message}</pre>

  return (
    <div className="options">
      {data.currencies.map((currency) => {
        return (
          <button
            key={currency}
            id={currency}
            className="option"
          >
            {currency.symbol}
            {currency.label}
          </button>
        );
      })}
    </div>
  );
};

Но мне очень нужно реализовать этот кусок кода с доступом к нему в компоненте класса. Я искал документацию с доступом к данным в классах, но ничего. Любые идеи?