Hydrogen での cookie の利用方法

[sohosoki]

お世話になります。

現在 Hydrogen をつかってカスタムフロントショップの実装を進めており、cookie を使った処理をしたいと考えております。

通常の javascript で cookie を扱うように  `document.cookie` で cookie を読み取ろうと試してみたのですが、 `document` が定義されていないとのエラーが発生してしまい cookie を利用することができませんでした。

上記はクライアントサイドでレンダリングされるコンポーネント（`xxx.client.jsx` のコンポーネント）で実行しても同様のエラーが発生してしまいました。

Hydrogen のドキュメントに cookie のページがありましたが、こちらはブラウザに登録済みの cookie を読み取る方法ではなく新たに cookie を登録する方法のようで、今回は利用できなさそうでした。

https://shopify.dev/api/hydrogen/components/framework/cookie

Hydrogen においては、どのように登録済み cookie を読み取るのでしょうか？

ご存知でしたらご教示いただけると幸いです。

よろしくお願いいたします。

[株式会社フルバランス]

Sohosoki　様

はじめまして。

株式会社フルバランスのドウケと申します。

Hydrogenを使用したことがなく恐縮なのですが、

Next.js使用時「document is not defined」のエラーに遭遇のしたことがありますので、ご参考までに。

https://qiita.com/syu_ikeda/items/ea1e6931643aa812e6a2

本記事記載のとおり、document使用前に、存在判定を行うことで解決するかもしれません。

  if (typeof document !== 'undefined') {
    // documentに係る処理
  }