LaravelでログアウトしようとするとSession store not set on request.エラーになる

Question

#環境
プログラミング初学者です。
php 7.3.27
laravel8

#困っていること
bladeファイルにログアウトするためのリンクを設置しました。

<form id="logout-form" method="POST" action="{{ route('logout') }}">
@csrf
  <a href="{{ route('logout') }}"  onclick="event.preventDefault(); document.getElementById('logout-form').submit();"><i class="fas fa-door-open fa-2x"></i><span>ログアウト</span></a>
</form>

しかし、アクセスしても**Session store not set on request.**と表示され、ログアウトできません。

sessionの保存先はdatabaseに設定しています。
実際にsessionsテーブルにはレコードが保存されており、user_idもユーザーと一致しています。

ログインは普通に出来ます。

認証機能はlaravel breezeを使っています。
/routes/auth.phpにあるルーティングは以下のようになっています。

Route::post('/logout', [AuthenticatedSessionController::class, 'destroy'])
                ->middleware('auth')
                ->name('logout');

「Session store not set on request.」で調べても日本語のページがほとんどなく、海外の方の質問も読みましたが、解説されているmiddleware系の部分は確認したところ問題ないと思います。

こんなにとっかかりのないエラーは初めてで、自力でどうにか出来る気がしません。
ぜひお力をお借りしたいです。

Answer 1

変更前

<form id="logout-form" method="POST" action="{{ route('logout') }}">
@csrf
  <a href="{{ route('logout') }}"  onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
    <i class="fas fa-door-open fa-2x"></i>
     <span>ログアウト</span>
   </a>
</form>

変更後

<a href={{ route('logout') }} onclick="event.preventDefault();
    document.getElementById('logout-form').submit();">
    ログアウト
</a>
<form id='logout-form' action={{ route('logout')}} method="POST">
    @csrf
</form>

上記だとうまくいきますでしょうか？
ログアウトの部分のタグは、後程調整してみてください。