SvelteKitでlocalStorageを使う

普通は以下のようにlocalStorageを使う。

const hoge = localStorage.getItem("hoge");

しかし、SvelteKit環境で同じように書くと、localStorage is not defined.というエラーが発生してしまう。これに対応するには、サーバー側ではなくブラウザ側だけで実行するような判定があればよい。

import { browser } from "$app/environment";
if (browser){
    const hoge = localStorage.getItem("hoge");
}

参考記事

localStorage is not defined. Error - DEV Community