"AxiosError" 404 の対処法について

実現したいこと

現在、React Railsでのカレンダーアプリの実装を行なっており、メールアドレス、パスワードを入力後にカレンダーページへ遷移するはずが、ログインボタンを押下してもレンダリングされない状態です。
React Rails ともにサーバーは起動している状態です。

よろしくお願い致します。🙇### ヘディングのテキスト

前提

ReactとRails（apiモード）でgoogleクローンのカレンダーアプリを実装しています。

開発環境：
macOS Ventura 13.4
react@18.2.0
yarn list v1.22.19
Rails 7.0.8
Ruby 3.2.2
React ライブラリ
info Direct dependencies
├─ axios-case-converter@1.1.0
├─ axios@1.6.0
├─ js-cookie@3.0.5
└─ react-router-dom@6.17.0
info All dependencies
├─ axios-case-converter@1.1.0
├─ axios@1.6.0
├─ capital-case@1.0.4
├─ form-data@4.0.0
├─ header-case@2.0.4
├─ js-cookie@3.0.5
├─ proxy-from-env@1.1.0
├─ react-router-dom@6.17.0
├─ react-router@6.17.0
├─ snake-case@3.0.4
└─ upper-case-first@2.0.2

発生している問題・エラーメッセージ

xhr.js:256 POST http://localhost:3000/auth 404 (Not Found)

AxiosError {message: 'Request failed with status code 404', name: 'AxiosError', code: 'ERR_BAD_REQUEST', config: {…}, request: XMLHttpRequest, …}

該当のソースコード

バックエンド（Rails）のroutes.rbの中身
Rails.application.routes.draw do
mount_devise_token_auth_for 'User', at: 'auth', controllers: {
registrations: 'auth/registrations'
}

namespace :auth do
resources :sessions, only: %i[index]
end
end

試したこと

・ブラウザのcookiesのキャッシュ

補足情報（FW/ツールのバージョンなど）