【Reactエラー】’〇〇’ は値を参照していますが、ここでは型として使用されています。’typeof 〇〇’ を意図していましたか?ts(2749)

今回の記事はTypeScriptベースのReactプロジェクトで開発を行なっていてコンパイルエラーとなった「’〇〇’ は値を参照していますが、ここでは型として使用されています。’typeof 〇〇’ を意図していましたか?ts(2749)」というエラーに関しての記事です。困っている方は是非参考にしてみてください。

「’〇〇’ は値を参照していますが、ここでは型として使用されています。’typeof 〇〇’ を意図していましたか?ts(2749)」原因

原因はファイル名がtsxになっていないことです。おそらく「.ts」の拡張子にファイル名がなっています。ファイル名による違いなため詳しくは別記事の下記を参照ください。

「Reactプロジェクトによる「tsx」「ts」ファイル拡張子の違い。」

「’〇〇’ は値を参照していますが、ここでは型として使用されています。’typeof 〇〇’ を意図していましたか?ts(2749)」解決策

解決策はファイル名の拡張子を、「.ts」から「.tsx」に変更してください。

以上で今回の記事は終了です。他にも多数のReact・TypeScript関連の記事を記載しているので是非そちらも併せてみていってください。