「モジュール './supabaseClient' の宣言ファイルが見つかりませんでした」エラーが出る

はじめに

supabaseクライアントの設定の際にエラーが起きたのでまとめます。

問題

React+TypeScript環境で以下記事を参考にsupabaseクライアント設定をしていた際にエラーが起きました。

supabaseClientファイルを呼び出し

import { supabase } from "./supabaseClient";

エラー

モジュール './supabaseClient' の宣言ファイルが見つかりませんでした。'/Applications/github/study-record-app-v3/src/utils/supabaseClient.js' は暗黙的に 'any' 型になります。

解決方法

ファイル名がsupabaseClient.jsとなっていたのをsupabaseClient.tsに修正後、リロードしたら解消しました。

おわりに

Reactだけの開発環境だとjsで問題なかったですが、React+TypeScript環境だとtsじゃないと上手くいきませんでした。TypeScript有無での違いを感じる良い学びになりました。