🐕

Invariant: static generation store missing in revalidatePathエラー

2024/09/15に公開

revalidatePathを使ってのサーバー側でのデータ取り直しをするためには、それらの処理を含む関数をサーバー側のコンポーネントでuse serverを使って定義し、Propsとしてクライアント側に渡して使う必要がある

ということで、下記の関数を用意した。

"use server";

import { revalidatePath } from "next/cache";

export default async function refetchForServer(path: string) {
  revalidatePath(path);
}

クライアントサイドでこのように呼び出すことで再fetchしてくれる

await refetchForServer("/mypage/favorites");

Discussion