【React】supabase認証 リダイレクトメールリンク先が表示されない症状の解決方法について

はじめに

supabase認証機能でサインアップ後リダイレクトで送信されるメールのリンク先が開発環境と本番環境で違いがあり、そちらの解決方法について記事にします。

解決方法

URL ConfigurationのRedirect URLsに登録する

デフォルトで上記のような状態になっていますので、こちらにURL/*を登録することで解決することができました。

参考

おわりに

併せてSite URLも変更しておきました。
なお、Site URLを本番環境のURLにした場合、Redirect URLsにローカルのURLを登録しておかないと開発環境でのリダイレクト先が本番環境のURLになってしまうようです。