Next.js道場送信中に文言を出すつもりで書きましたが、送信中も表示が変わりません。ボタンのほうは正しく無効になります。原因はどれですか。
components/Panel.tsx
Browserで実行
'use client' Browserで実行
import { useFormStatus } from 'react-dom'Browserで実行
import { save } from '@/app/actions'Browserで実行
import { Submit } from './Submit' Browserで実行
export function Panel() {Browserで実行
const { pending } = useFormStatus() Browserで実行
return (Browserで実行
<form action={save}>Browserで実行
<Submit />Browserで実行
<p>{pending ? '送信中です' : 'まだ送信していません'}</p>Browserで実行
</form>Browserで実行
)Browserで実行
}